Android 选择器中的按钮形状不起作用
Android button shape in selector doesn't work
我有一个 button
和一个 selector
,必须更改 button
的 color
、padding
和 corner radius
。我对更改 color
没有任何问题,但我永远看不到 padding
和 corner radius
的任何更改。
button_color.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/button_disabled" android:state_enabled="false">
<shape
android:shape="rectangle"
android:padding="8dp">
<corners android:radius="4dp" />
</shape>
</item>
<item android:drawable="@color/button_pressed" android:state_pressed="true">
<shape
android:shape="rectangle"
android:padding="8dp">
<corners android:radius="4dp" />
</shape>
</item>
<item android:drawable="@color/button_focused" android:state_focused="true">
<shape
android:shape="rectangle"
android:padding="8dp">
<corners android:radius="4dp" />
</shape>
</item>
<item android:drawable="@color/colorAccent">
<shape
android:shape="rectangle"
android:padding="8dp">
<corners android:radius="4dp" />
</shape>
</item>
</selector>
button
代码:
<LinearLayout>
....
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/add_to_fav"
android:id="@+id/add"
android:background="@drawable/button_color"
android:textColor="@drawable/button_text_color" />
</LinearLayout>
我知道一些获取 padding
的笨拙方法 - 将其放入布局中,但是 1) 它将是 "useless parent"; 2) 我不会得到 corner radius
.
所以我做错了什么所以我没有shape
?
谢谢!
android:radius
值可能太小以至于效果不可见。另一方面,padding
的语法必须像这样更改:
<item android:drawable="@color/button_focused" android:state_focused="true">
<shape
android:shape="rectangle">
<corners android:radius="20dip" />
<padding
android:left="8dip"
android:top="8dip"
android:right="8dip"
android:bottom="8dip" />
</shape>
</item>
请注意:如documentation for Shape Drawable、
中所述
Padding to apply to the containing View element (this pads the position of the View content, not the shape).
内边距、颜色和边角应在 shape
内
所以试试这个:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="false">
<shape>
<padding android:left="5dp" android:top="2dp"
android:right="5dp" android:bottom="2dp" />
<corners android:radius="4dp" />
<solid android:color="@color/colorPrimary"/>
</shape>
</item>
<item android:state_pressed="true">
<shape>
<padding android:left="5dp" android:top="2dp"
android:right="5dp" android:bottom="2dp" />
<corners android:radius="4dp" />
<solid android:color="@color/colorAccent"/>
</shape>
</item>
<item android:state_focused="true">
<shape>
<padding android:left="5dp" android:top="2dp"
android:right="5dp" android:bottom="2dp" />
<corners android:radius="4dp" />
<solid android:color="@color/colorPrimary"/>
</shape>
</item>
<item>
<shape>
<padding android:left="5dp" android:top="2dp"
android:right="5dp" android:bottom="2dp" />
<solid android:color="@color/colorPrimaryDark"/>
<corners android:radius="4dp" />
</shape>
</item>
</selector>
这样他们都可以工作。
我有一个 button
和一个 selector
,必须更改 button
的 color
、padding
和 corner radius
。我对更改 color
没有任何问题,但我永远看不到 padding
和 corner radius
的任何更改。
button_color.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/button_disabled" android:state_enabled="false">
<shape
android:shape="rectangle"
android:padding="8dp">
<corners android:radius="4dp" />
</shape>
</item>
<item android:drawable="@color/button_pressed" android:state_pressed="true">
<shape
android:shape="rectangle"
android:padding="8dp">
<corners android:radius="4dp" />
</shape>
</item>
<item android:drawable="@color/button_focused" android:state_focused="true">
<shape
android:shape="rectangle"
android:padding="8dp">
<corners android:radius="4dp" />
</shape>
</item>
<item android:drawable="@color/colorAccent">
<shape
android:shape="rectangle"
android:padding="8dp">
<corners android:radius="4dp" />
</shape>
</item>
</selector>
button
代码:
<LinearLayout>
....
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/add_to_fav"
android:id="@+id/add"
android:background="@drawable/button_color"
android:textColor="@drawable/button_text_color" />
</LinearLayout>
我知道一些获取 padding
的笨拙方法 - 将其放入布局中,但是 1) 它将是 "useless parent"; 2) 我不会得到 corner radius
.
所以我做错了什么所以我没有shape
?
谢谢!
android:radius
值可能太小以至于效果不可见。另一方面,padding
的语法必须像这样更改:
<item android:drawable="@color/button_focused" android:state_focused="true">
<shape
android:shape="rectangle">
<corners android:radius="20dip" />
<padding
android:left="8dip"
android:top="8dip"
android:right="8dip"
android:bottom="8dip" />
</shape>
</item>
请注意:如documentation for Shape Drawable、
中所述Padding to apply to the containing View element (this pads the position of the View content, not the shape).
内边距、颜色和边角应在 shape
所以试试这个:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="false">
<shape>
<padding android:left="5dp" android:top="2dp"
android:right="5dp" android:bottom="2dp" />
<corners android:radius="4dp" />
<solid android:color="@color/colorPrimary"/>
</shape>
</item>
<item android:state_pressed="true">
<shape>
<padding android:left="5dp" android:top="2dp"
android:right="5dp" android:bottom="2dp" />
<corners android:radius="4dp" />
<solid android:color="@color/colorAccent"/>
</shape>
</item>
<item android:state_focused="true">
<shape>
<padding android:left="5dp" android:top="2dp"
android:right="5dp" android:bottom="2dp" />
<corners android:radius="4dp" />
<solid android:color="@color/colorPrimary"/>
</shape>
</item>
<item>
<shape>
<padding android:left="5dp" android:top="2dp"
android:right="5dp" android:bottom="2dp" />
<solid android:color="@color/colorPrimaryDark"/>
<corners android:radius="4dp" />
</shape>
</item>
</selector>
这样他们都可以工作。