为文字/图片添加按压效果

末蓝、 2024-04-01 10:42 38阅读 0赞

### 1、文字 ###

layout布局：

> <TextView
> 
> android:layout\_width="@dimen/textview\_button\_width"  
> android:layout\_height="match\_parent"  
> android:text="@string/wifi\_item\_hulv"  
> android:textColor="@drawable/selector\_upgrade\_text\_press"  
> android:textSize="@dimen/text\_size\_selected" />

selector\_upgrade\_text\_press xml文件

> <?xml version="1.0" encoding="utf-8"?>  
> <selector xmlns:android="http://schemas.android.com/apk/res/android">  
>  <item   
>  android:color="@color/text\_pressed\_blue" android:state\_pressed="true" /> 
> 
>  <item   
>  android:color="@color/switch\_general\_track\_check\_color"/>  
> </selector>

### 2、svg图片 ###

layout布局：

svg图片：

在res目录下新建一个color目录，然后在这个color目录下新建一个selector\_upgrade\_ic\_press xml文件

> `<?xml version="1.0" encoding="utf-8"?>`
> 
> `<selector`
> 
> `xmlns:android="http://schemas.android.com/apk/res/android">`
> 
> `<item android:color="@color/ic_state_pressed" android:state_pressed="true" />`
> 
> `<item android:color="@color/ic_state_not_pressed"/>`
> 
> `</selector>`

### 3、文字按钮 ###

layout布局:

> `<TextView`
> 
> `android:id="@+id/btn_pincode_cancel"`
> 
> `style="@style/ConfirmButtonNew"`
> 
> `android:paddingStart="@dimen/confirm_btn_padding_start"`
> 
> `android:paddingTop="@dimen/confirm_btn_padding_top"`
> 
> `android:background="@drawable/round_blue_bg"`
> 
> `app:layout_constraintStart_toStartOf="parent"`
> 
> `app:layout_constraintBottom_toBottomOf="parent"`
> 
> `android:text="@string/cancel"/>`

> `<?xml version="1.0" encoding="utf-8"?>`
> 
> `<selector xmlns:android="http://schemas.android.com/apk/res/android">`
> 
> `<item android:state_pressed="false">`
> 
> `<shape>`
> 
> `<corners android:radius="@dimen/round_bg_radius" />`
> 
> `<solid android:color="@color/round_blue_bg_color"/>`
> 
> `</shape>`
> 
> `</item>`
> 
> `<item android:state_pressed="true">`
> 
> `<shape>`
> 
> `<corners android:radius="@dimen/round_bg_radius" />`
> 
> `<solid android:color="@color/round_blue_bg_color_press"/>`
> 
> `</shape>`
> 
> `</item>`
> 
> `</selector>`