我有一些按钮,我将其背景颜色分别设置为红色,绿色和蓝色。当我按下按钮时,会生成click事件,但gui没有变化,用户知道按下按钮。 Android按钮的默认背景灰色变为橙色,释放按下状态后返回浅灰色。如何在彩色按钮上实现这一点?
答案 0 :(得分:26)
这是通过StateListDrawable
实现的,由 XML 中的selector
表示。参考:http://developer.android.com/guide/topics/resources/drawable-resource.html#StateList
以下是 drawable 的示例,默认为白色,按时为黑色:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"
android:drawable="@android:color/black" /> <!-- pressed -->
<item android:drawable="@android:color/white" /> <!-- default -->
</selector>
答案 1 :(得分:8)
如K-Ballo所述,您可以使用StateListDrawable根据状态实现具有各种不同图形的视图。在您的情况下,按钮是两个状态是按下按钮并且未按下按钮的视图。
我们需要在drawable文件夹
中创建一个buttonselector.xml文件<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/button_not_pressed" android:state_pressed="false" android:state_selected="false"/>
<item android:drawable="@drawable/button_pressed" android:state_pressed="true"/>
</selector>
为按钮的状态创建两个单独的xml文件
button_not_pressed.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
android:startColor="#FFFFFF"
android:centerColor="#FFFFFF"
android:endColor="#FFFFFF"
android:angle="270" />
</shape>
button_pressed.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
android:startColor="#FF0000"
android:centerColor="#FF0000"
android:endColor="#FF0000"
android:angle="270" />
</shape>
你会注意到两个html颜色代码#FF0000&amp; #FFFFFF,表示根据状态的按钮的背景颜色。
在main.xml中设置自定义按钮的样式
<Button
android:id="@+id/customButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/buttonselector"
android:text="test"
android:textColor="#000000" />
在您的活动类中添加以下两行
Button customButton = (Button) findViewById(R.id.customButton);
customButton.setBackground(getResources().getDrawable(R.drawable.buttonselector));
希望有所帮助
答案 2 :(得分:2)
尝试这种方式:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_pressed="true" >
<shape>
<solid
android:color="#1E669B" />
<stroke
android:width="2dp"
android:color="#1B5E91" />
<corners
android:radius="6dp" />
<padding
android:left="10dp"
android:top="10dp"
android:right="10dp"
android:bottom="10dp" />
</shape>
</item>
<item>
<shape>
<gradient
android:startColor="#1E669B"
android:endColor="#1E669B"
android:angle="270" />
<stroke
android:width="4dp"
android:color="#1B5E91" />
<corners
android:radius="7dp" />
<padding
android:left="10dp"
android:top="10dp"
android:right="10dp"
android:bottom="10dp" />
</shape>
</item>
</selector>