MaterialDesign 的动画，3D，的效果非常好；
但是也有蛋疼的地方，比如，自动把所有的按钮，加上了动画，悬浮效果；
动画也就算了，悬浮效果一加； app的风格会比较乱；
下面是修改Button的悬浮，和动画效果颜色的介绍,还有自定义 水波纹效果；
1.png
左边的是默认Button效果，右边是我改了颜色的；
如果你需要MD风格的水波纹效果，那就不能给Button加background；
加了之后，只有3D的悬浮悬浮效果了；
如果你要改变Button的默认背景颜色，和按下去的水波纹颜色，
只需要这么做
<!-- style代码-->
<style name="AppTheme.Button" parent="Widget.AppCompat.Button">
<item name="colorButtonNormal">@color/white</item>//按钮默认颜色
<item name="colorControlHighlight">@color/red</item>//按钮按下的水波纹改变颜色
</style>
<!--Button的代码-->
<Button
android:id="@+id/app_dialog_buttonleft"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Button"
android:theme="@style/AppTheme.Button" />
<!--注意使用【主题】而不是style-->
引入MD后，会默认给所有的Button加上悬浮效果，如果你不需要怎么办？
那么需要这样：
<Button
android:id="@+id/app_dialog_buttonleft"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="?attr/selectableItemBackground"
android:text="Button"
android:theme="@style/AppTheme.Button" />
android:background="?android:attr/selectableItemBackground"
//如果你是用的v7,写成
android:background="？attr/selectableItemBackground"
%G{UE6){V~SVLQB1}}ET{E7.png
这就是去掉了悬浮的效果的button
MD的水波纹效果很好，但是只有按钮上面有，你可能不会满足，
你很可能需要在 LinearLayout，RelativeLayout，textview等View使用
那么你可以这样
通过引入原生的Style的方式使用，当然这种方式的坏处是，背景默认是透明的，好处是，自己不需要做兼容；
如果需要需要背景色，那么文章后面的自定义
<style name="AppLayoutTheme" parent="AppTheme">
//这里更改水波纹颜色
<item name="colorControlHighlight">@color/red</item>
</style>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="?attr/selectableItemBackground"
android:clickable="true"
android:gravity="center"
android:theme="@style/AppLayoutTheme">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="点这里看线性布局的水波纹效果"/>
</LinearLayout>
示例：
3066171-eceea81a5176c552.png
这里需要注意一点:
不过是上面的Button和(LinearLayout)布局，如果使用了这个水波纹效果
android:background="?attr/selectableItemBackground"
那么他是无法设置默认的颜色的；
通过看源码，可以知道他的默认效果是透明的
这是源码：
3066171-9254cd088e97bef4 (1).png
----------------------自定义------------------
如果需要自己自定义效果 比如背景色需要自定义，圆角需要自定义，那么手撸一个，不用系统的
在res目录建立一个drawable-v21的文件夹（因为水波纹效果的属性，只能在5.0+才能使用）；
如果你的App需要兼容到5.0以下，就需要在默认的 drawabe目录建立一个一样的文件(test_md.xml) ；
不然app会在5.0以下的手机出错;
--------------文件名------test_md.xml
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
//水波纹颜色
android:color="@color/colorPrimary"
//点击中心点的大小，不建议使用，不然在6.0+上面会导致，点击哪里 水波纹都是在中心
android:radius="5dp">
//给item设置系统maskId，限制水波纹不越界，
<item android:id="@android:id/mask">
//如果需要改变使用水波纹控件的圆角，需要用到shape
<shape android:shape="rectangle">
//圆角度
<corners android:radius="8dp" />
//默认的背景颜色
<solid android:color="?android:attr/colorAccent" />
</shape>
</item>
</ripple>
<TextView
android:id="@+id/adi_delete"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:layout_marginTop="10dp"
android:background="@drawable/test_md"
android:gravity="center"
android:paddingBottom="10dp"
android:paddingTop="10dp"
android:text="删除并退出讨论组"
android:textColor="@color/white"
android:textSize="14sp" />
Look Image
222.png
333.png
这里是使用TextView，带有水波纹效果，但是没有悬浮效果，如果需要悬浮效果的话， 那么
<TextView
android:id="@+id/adi_delete"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:layout_marginTop="10dp"
android:background="@drawable/test_md"
android:gravity="center"
android:paddingBottom="10dp"
android:paddingTop="10dp"
android:text="删除并退出讨论组"
android:textColor="@color/white"
android:theme="@style/AppTheme.Button"
android:textSize="14sp" />
//继承兼容包的Button样式，就会有悬浮效果了
<style name="AppTheme.Button" parent="Widget.AppCompat.Button">
</style>
image.png
能完成此效果，在这里要感谢 QJar的指点；
QJar的博客地址 http://blog.csdn.net/qJay_Dev
网友评论