Android:实现按钮点击后高亮的效果

未点击前:

点击后:

可以看出点击后,颜色变得更加高亮了(你也可以设置为别的颜色,效果更加明显)

由于我们很多按钮都需要这种样式,所以我们把这种按钮的样式放在styles.xml中,方便重复使用

第一步:在res/drawable文件夹下定义两种不同状态下的按钮的形状

在文件夹上鼠标右键—>new drawable resource file—>RootElement选择Shape
Android:实现按钮点击后高亮的效果_第1张图片
btn_n.xml


<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    
    <solid android:color="#D43433">solid>
    
    <corners android:radius="4dp">corners>
shape>

btn_h.xml


<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#C80F1F">solid>
    <corners android:radius="4dp">corners>
shape>

这两个xml主要的不同就在于btn_h.xml的color更高亮一点

第二步:在res/drawable文件夹下定义selector,来确定在哪些状态下使用什么drawable

在文件夹上鼠标右键—>new drawable resource file—>RootElement选择Selector
btn_selector.xml


<selector xmlns:android="http://schemas.android.com/apk/res/android">
    
    
    state_pressed:
    <item android:drawable="@drawable/btn_h" android:state_focused="true">item>
    <item android:drawable="@drawable/btn_h" android:state_pressed="true">item>
    <item android:drawable="@drawable/btn_h" android:state_selected="true">item>
    
    <item android:drawable="@drawable/btn_n">item>
selector>

第三步:在values/styles.xml中定义按钮具体的样式,并将backgroud设置为我们上一步定义的selector

styles.xml

 
    <style name="btn_submit">
        "android:layout_width">match_parent
        "android:layout_height">@dimen/btnHeight
        "android:textColor">@android:color/white
        "android:textSize">@dimen/textSize
        "android:gravity">center
        "android:layout_marginLeft">@dimen/marginSize
        "android:layout_marginRight">@dimen/marginSize
        "android:background">@drawable/btn_selector
    style>

第四步:在layout文件中通过style调用就行了

    <Button
        style="@style/btn_submit"
        android:layout_marginTop="@dimen/marginSize"
        android:text="登 录" />

你可能感兴趣的:(Android)