您的位置：首页 > 移动开发 > Android开发

Android 5.0 Button 按钮水纹效果的适配问题

2016-03-24 17:28 671 查看
从5.0开始,一些控件的点击时候默认是有水纹效果的如下图



以Button举例可以按照如下使用:

注意是android:theme

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button"
android:theme="@style/MyButton"/>


自定义样式:

<style name="MyButton" parent="Theme.AppCompat.Light">
<item name="colorControlHighlight">@color/indigo</item>
<item name="colorButtonNormal">@color/pink</item>
</style>


但是这样在5.0以下的系统,这样就没有效果,按钮会变成默认的灰色状态,点击按钮也不会有颜色的状态区别

为了兼容5.0以下的设备,我们可以利用seletor(勘误:button用theme在5.0以下也是有按压变色的,虽然没有水波纹,下面的方法仍然适用其他控件的适配)

<Button
android:id="@+id/confirm"
style="@style/GreenButton"
android:text="@string/confirm" />


<style name="GreenButton">
<item name="android:layout_width">match_parent</item>
<item name="android:layout_height">@dimen/button_height_tall</item>
<item name="android:background">@drawable/selector_green_button</item>
<item name="android:textColor">@color/white</item>
<item name="android:textSize">@dimen/font_large</item>
</style>


我们可以在drawable和drawable-v21下新建同一份文件selector_green_button.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:drawable="@color/deep_green" android:state_pressed="true" />

<item android:drawable="@color/green" />
</selector>


<!--v21下 -->
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/deep_green">//这里是扩散水波纹的色值
<item android:drawable="@color/green" />

</ripple>


有个问题需要注意,如果的想要你的波纹没有按压的时候为透明状态,下面的写法是无效的.会导致按压没有效果

<!--v21下 -->
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/deep_green">//这里是扩散水波纹的色值
<item android:drawable="@android:color/transparent" />//这里你用透明色和透明的图片都是没有效果的
</ripple>


正确的做法如下:

<!--v21下 -->
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/deep_green">//这里是扩散水波纹的色值
<item android:id="@android:id/mask" android:drawable="@color/white" />里面的色值可以任选一个
</ripple>


android:id=”@android:id/mask”会让系统并不会真的绘制,并告知波纹的绘制边界

如果写成下面,波纹的绘制范围会超出控件的边界

<!--v21下 -->
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/deep_green">//这里是扩散水波纹的色值
</ripple>


如上,这样设置后5.0以下的设备具有按钮按下变色的效果,5.0以上就具有水波纹效果.其他控件同理

后续:

Material Design Button 的 disable 效果
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航