android 按钮按下效果（文字颜色和按钮同时变化）

最新推荐文章于 2023-05-06 21:27:09 发布

转载最新推荐文章于 2023-05-06 21:27:09 发布 · 1.5k 阅读

文章标签：

#android #ui #button

本文介绍如何在Android中自定义按钮的样式，包括设置不同的状态下的背景和文字颜色，通过XML资源文件实现按钮按下时的文字颜色及背景变化效果。

android 按钮按下效果（文字颜色和按钮同时变化）

styles：

 
         <style name="ButtonGreen"
         parent="@android:style/Widget.Button">
        
                 <item name="android:textSize">18.0sp</item>
        
                 <item name="android:textColor">@drawable/skin_color_button</item>
        
                 <item name="android:background">@drawable/common_btn_green</item>
        
             </style>

drawable：skin_color_button

         <?xml version="1.0"
         encoding="utf-8"?>
        
         <selector xmlns:android="http://schemas.android.com/apk/res/android">
        
    <item android:state_pressed="true" android:color="#fff"/>
           
           <item android:state_focused="true" android:color="#fff"/>
         
           <item android:color="#000" />
         
         </selector> <span></span>

drawable:common_btn_green

         <?xml version="1.0"
         encoding="utf-8"?>
        
         <selector xmlns:android="http://schemas.android.com/apk/res/android">
        
             <item android:drawable="@drawable/skin_common_btn_green_pressed"
         android:state_pressed="true"/>
        
             <item android:drawable="@drawable/skin_common_btn_green_disable"
         android:state_enabled="false"/>
        
             <item android:drawable="@drawable/skin_common_btn_green_normal"/>
        
         </selector>

button:

         <Button
        
                     android:id="@+id/reset_btn"
        
                     style="@style/ButtonRed"
        
                     android:layout_width="0.0dip"
        
                     android:layout_height="wrap_content"
        
                     android:layout_margin="15dip"
        
                     android:layout_weight="1"
        
                     android:gravity="center"
        
                     android:text="ceshi"
         />