在android中设计像iphone一样的布局

时间:2011-03-25 11:51:16

标签: android android-widget android-layout

我想在android中设计类似this的东西。参见Buttons Bar - >新优惠,新优惠券,新类别。

再次看到Buttons Bar的顶部 - >它就像水平滚动视图。

如何在android中设计这种类型的布局。 ?

2 个答案:

答案 0 :(得分:3)

请参阅此类http://code.google.com/p/deezapps-widgets/以实现水平滚动视图。

按钮栏可以使用TabonTidget实现,如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"
        />
    

  5. 这主要来自Google I / O应用。 bg_tab_selected / default将是9-patch PNGs,扩展后形状像按钮。

答案 1 :(得分:1)

对于“Horizo​​ntal ScrollView”,请查找ViewFlipper。这更像是你要问的问题。优惠券/交易/类别可以使用TabWidget(基本上是标签视图)实现,其中自定义标签图像看起来像按钮。