我将网站转换为移动应用。
在webview中,这些是5个州,
我已经尝试过按钮了。但是包装内容在按钮中不起作用。
如果我添加可点击的背景,则会增加按钮高度。
所以我不能正确对齐。
我想看起来像第一张照片?任何人回答我的问题?
答案 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 。
希望你能得到预期的结果。