在android中创建状态栏设计

时间:2014-11-07 14:51:15

标签: android android-button

我将网站转换为移动应用。

在webview中,这些是5个州,

enter image description here

我已经尝试过按钮了。但是包装内容在按钮中不起作用。

如果我添加可点击的背景,则会增加按钮高度。

所以我不能正确对齐。

enter image description here

我想看起来像第一张照片?任何人回答我的问题?

1 个答案:

答案 0 :(得分:1)

尝试使用TextView和父布局而不是按钮。模式可能如下:

@layout"按钮栏":

<!-- use a parent layout (the grey bar) -->
<LinearLayout
    android:id="@+id/background"
    android:layout_width="fill_parent"
    android:layout_height="70dp"
    android:orientation="horizontal"
    android:background="@drawable/grey_gradient" />

    <!-- inside the 4 states (textview with padding) -->
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:text="Draft"
        android:id="@+id/text_draft"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:color="@color/black" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:text="Confirmed"
        android:id="@+id/text_draft"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:color="@color/black" />

     <!-- ... other texts ... -->

 </LinearLayout>

然后,你在LinearLayout(灰色条)上的渐变灰色背景,你必须使用drawable(你可以在上面的例子中看到)。它可能是这样的:

@drawable&#34; grey_gradient.xml&#34;:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <gradient
                android:angle="90"
                android:startColor="@color/grey_one"
                android:endColor="@color/grey_two"
                android:type="linear" />
        </shape>
    </item>
</selector>

最后,将所有颜色设置为 colors.xml

希望你能得到预期的结果。