2011-02-16 13 views
6

Este es un menú horizontal que tengo que implementar. Y este menú debe desplazarse horizontalmente sin problemas con la flecha izquierda y derecha como esta aplicación Fox News https://market.android.com/details?id=com.foxnews.android con la primera captura de pantalla de la aplicación.Menú horizontal con HorizontalScrollView-android

Al utilizar google y otra publicación en este foro usé horizontalScrollView para lograrlo, pero no sé cómo configurar las imágenes transparentes izquierda y derecha con la flecha para indicar que hay más elementos a la izquierda o derecha dependiendo del desplazamiento.

Lo que sea que codifiqué, logré el movimiento de desplazamiento pero es lento y me cuesta mostrar las imágenes de la izquierda y la derecha con la flecha.

Amablemente dígame si tiene alguna solución al respecto.

Este diseño estoy usando

<HorizontalScrollView 
    android:id="@+id/hor_svID" 
    android:layout_width="wrap_content" 
    android:layout_height="35dip" 
    android:scrollbars="none" 
    android:fillViewport="false" 
    android:focusable="false" 
    android:background="@drawable/submenu_bg"> 
    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="fill_parent" 
     android:orientation="horizontal" 
     android:focusable="false" 
     android:background="#FFFFFF" 
     android:gravity="center"> 
     <TextView android:id="@+id/TechnologyTxtVId" 
       android:text="TECHNOLOGY" 
       android:textColor="#342D7E" 
       android:textSize="12sp" 
       android:textStyle="bold" 
       android:gravity="center" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content"></TextView> 
     <TextView android:id="@+id/SportsTxtVId" 
       android:text="SPORTS" 
       android:textColor="#342D7E" 
       android:textStyle="bold" 
       android:textSize="12sp" 
       android:gravity="center" 
       android:layout_height="wrap_content" 
       android:layout_width="wrap_content" 
       android:paddingLeft="15dip"></TextView> 
     <TextView android:id="@+id/EntntTxtVId" 
       android:text="ENTERTAINMENT"  
       android:textStyle="bold" 
       android:paddingLeft="15dip" 
       android:textSize="12sp" 
       android:gravity="center" 
       android:textColor="#342D7E" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content"></TextView> 
     <TextView android:id="@+id/LocalTxtVId" 
       android:text="LOCAL"  
       android:textStyle="bold" 
       android:paddingLeft="15dip" 
       android:textSize="12sp" 
       android:textColor="#342D7E" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content"></TextView>   
     <TextView android:id="@+id/WorldTxtVId" 
       android:text="WORLD"  
       android:textStyle="bold" 
       android:textSize="12sp" 
       android:paddingLeft="15dip" 
       android:gravity="center" 
       android:textColor="#342D7E" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content"></TextView>  
     <TextView android:id="@+id/FeaturesTxtVId" 
       android:text="FEATURES" 
       android:textStyle="bold" 
       android:textSize="12sp" 
       android:paddingLeft="15dip" 
       android:gravity="center" 
       android:textColor="#342D7E" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content"></TextView>   
     <TextView android:id="@+id/RecentTxtVId" 
       android:text="RECENT" 
       android:textStyle="bold" 
       android:textSize="12sp" 
       android:paddingLeft="15dip" 
       android:gravity="center" 
       android:textColor="#342D7E" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content"></TextView>         
    </LinearLayout>          
</HorizontalScrollView> 
+0

También lo probé por esto no funciona correctamente ... amigo ... –

+0

Hola Ganapathy, ¿tengo alguna idea de lo que utilizaron en la aplicación Fox News? – sachin003

Respuesta

0

No sé el contexto exacto en el que está usando este, pero probablemente debería cambiar el LinearLayout a una relativa (que es un simple cambiar a sus textViews añadiendo lo siguiente:

  • para el primer texto:

    androide: layout_alignParentLeft = "true"

  • Durante los siguientes textos

    androide: layout_toRightOf = "@ id/previous_text"

Si está incrustando esta dentro de otros LinearLayouts, tal vez también debe reconsiderar si puede usar relativeLayouts allí también según las pautas de diseño eficiente proporcionadas a continuación:

http://developer.android.com/resources/articles/layout-tricks-efficiency.html

Avíseme si esto ayuda con algunos elogios;) ¡Gracias y buena suerte!

Cuestiones relacionadas