Menú horizontal con HorizontalScrollView-android

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

Usando google y otra publicación en este foro he utilizado horizontalScrollView para lograrlo, pero no sé cómo configurar imágenes transparentes izquierda y derecha con flecha para indicar que hay más elementos a la izquierda oa la derecha dependiendo de desplazamiento.

Sea lo que sea que haya codificado, logró movimiento de desplazamiento, pero es lento y luchando para mostrar imágenes de izquierda y derecha con flecha.

Por favor, dígame si tiene alguna solución en esto.

Este diseño que 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>

No sé el contexto exacto en el que está utilizando esto, pero probablemente debería cambiar el LinearLayout a uno relativo (es un cambio simple en su textViews añadiendo lo siguiente:

Para el primer texto:

Androide: layout_alignParentLeft = "true"
Para los próximos textos

Android: layout_toRightOf = "@ id / previous_text"

Si está incrustando esto dentro de otros LinearLayouts, tal vez debería reconsiderar si puede usar relativeLayouts allí también según las directrices de diseño eficientes que se proporcionan a continuación:

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

Déjeme saber si esto ayuda con algunos elogios;) ¡Gracias y buena suerte!