2011-03-25 37 views
1

iphone我想設計類似this在android..See的按鈕欄 - >新優惠,NewCoupons,新類別。設計佈局就像機器人

再次看到,按鈕欄的頂部 - >及其類似水平滾動圖。

如何在android中設計這種類型的佈局。 ?

+0

Android爲您提供了實現這種設計的完全靈活性,您只需使用適當的視圖設計您的佈局即可。 – 2011-03-25 12:12:18

+0

我想要一些與它相關的例子。有沒有任何教程呢? – 2011-03-25 12:17:20

回答

3

查看該類http://code.google.com/p/deezapps-widgets/用於實現水平滾動圖。

按鈕欄可以使用TabWidget實現,如Phonon所示。

要實現一個按鈕欄

  1. 呼叫tabSpec.setIndicator(buildIndicator(TABNAME))
  2. 建立你的觀點的東西,如:

    private View buildIndicator(String text) { 
        final TextView indicator = (TextView) getLayoutInflater().inflate(R.layout.tab_indicator, null); 
        indicator.setText(text); 
        return indicator; 
    } 
    
  3. tab_indicator.xml:

    <TextView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/tab_label" 
    android:layout_width="0dip" 
    android:layout_height="fill_parent" 
    android:layout_weight="1" 
    android:textColor="@color/white" 
    android:gravity="center" 
    android:textSize="14sp" 
    android:textStyle="bold" 
    android:minHeight="38dp" 
    android:background="@drawable/bgtab"/> 
    
  4. bgtab是選擇與繪製

    <selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item 
        android:state_pressed="true" 
        android:drawable="@drawable/bg_tab_default" 
        /> 
    <item 
        android:state_selected="false" 
        android:state_focused="false" 
        android:state_pressed="false" 
        android:drawable="@drawable/bg_tab_default" 
        /> 
    <item  
        android:state_selected="true" 
        android:state_focused="false" 
        android:state_pressed="false" 
        android:drawable="@drawable/bg_tab_selected" 
        /> 
    <item 
        android:state_focused="true" 
        android:state_selected="true" 
        android:state_pressed="false" 
        android:drawable="@drawable/bg_tab_selected" 
        /> 
    

這主要是來自谷歌I/O的應用程序。 bg_tab_selected /默認將是9個補丁PNG,當它們展開時將會像按鈕一樣形狀。

+0

我怎樣才能coustom TabWidget?..我也用過TabWidget之前。我怎樣才能讓TabWidget equilvalent看那個按鈕欄 – 2011-03-26 06:06:07

+0

在main.xml中的文件這兩條線,我得到錯誤: deezapps:roundRectRadius =「2DIP」 deezapps:頁寬=「250dip」 錯誤:沒有源標識符找到對於屬性頁寬在包com.deezapps.widget 同樣的錯誤了roundRectRadius .. – 2011-03-26 06:17:01

+0

編輯的代碼定製Tabwidget答案。 – Abhinav 2011-03-26 14:14:13

1

對於 「水平滾動型」,查找ViewFlipper。這更像你所問的。優惠券/優惠/類別可以用TabWidget(基本上是選項卡式視圖)實現,自定義選項卡圖像看起來像按鈕。

+0

我怎樣才能coustom TabWidget?..我也使用過TabWidget之前。我怎樣才能讓TabWidget平衡,看看Button Bars ... – 2011-03-26 05:24:21