2011-03-25 38 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