2011-02-16 2 views
6

Questo è un menu orizzontale che devo implementare. E questo menu dovrebbe scorrere orizzontalmente senza intoppi con la freccia sinistra e destra come questa applicazione Fox News https://market.android.com/details?id=com.foxnews.android con la prima schermata di app.Menu orizzontale con HorizontalScrollView-android

Utilizzando google e altri post su questo forum ho utilizzato orizzontaleScrollView per raggiungerlo, ma non so come impostare le immagini trasparenti sinistra e destra con la freccia per indicare che ci sono più elementi a sinistra oa destra a seconda dello scorrimento.

Qualunque cosa ho codificato, ho raggiunto il movimento di scorrimento ma è lento e difficile far vedere le immagini sinistra e destra con la freccia.

Gentilmente dimmi se hai qualche soluzione.

Questo layout sto 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

Ho anche provato da questo non funziona correttamente .. amico ... –

+0

Ciao Ganapathy, hai qualche idea di cosa hanno usato nell'app Fox News ?? – sachin003

risposta

0

Non conosco il contesto esatto in cui si utilizza questo, ma probabilmente è necessario modificare il LinearLayout ad un parente uno (si tratta di un semplice cambiare al tuo textViews aggiungendo la seguente:

  • per il primo testo:

    Android: layout_alignParentLeft = "true"

  • Per i prossimi testi

    android: layout_toRightOf = "@ id/previous_text"

Se si intende inserire questo all'interno di altre LinearLayouts, forse dovrebbe riconsiderare se è possibile utilizzare relativeLayouts anche lì secondo le linee guida di layout efficienti fornite di seguito:

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

Fatemi sapere se questo aiuta con alcuni complimenti;) Grazie e buona fortuna!