RippleDrawable 的简单使用
2016-07-31 17:57
218 查看
http://m.blog.csdn.net/article/details?id=52451848
RippleDrawable 就是一个自定义触摸反馈动画。是在 Android 5.0 时推出的动画效果。为了兼容低版本,可以在将 <ripple> 元素定义在 drawable-v21 目录下;
效果如下:
首先定义一个 StateListDrawable 资源;
button_default.xml :
[html] view
plain copy
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_enabled="false"
android:drawable="@drawable/disabled" />
<item
android:state_pressed="true"
android:drawable="@drawable/selected" />
<item
android:state_focused="true"
android:drawable="@drawable/selected" />
<item android:drawable="@drawable/fdefault" />
</selector>
需要注意 <selector> 时有序的。Android在遍历烈表时,会返回第一个状态完全匹配的 Drawable 。所以将常规状态放在烈表的最底部。
使用一些动画触摸反馈修饰按钮示例。使用 <ripple> 元素定义 XML (在 drawable-v21目录下),可用于构造 RippleDrawable;
background_button.xml :
[html] view
plain copy
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#0CC">
<!--显示默认的 drawable-->
<item android:drawable="@drawable/button_default" />
<!--匹配默认值的波纹效果剪切遮罩-->
<item
android:id="@android:id/mask"
android:drawable="@drawable/button_default" />
</ripple>
增加尺寸的缩放效果(res/animator 目录下);
button_press.xml :
[html] view
plain copy
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_enabled="true"
android:state_pressed="true">
<set android:ordering="together">
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleX"
android:valueTo="0.8"
android:valueType="floatType" />
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleY"
android:valueTo="0.8"
android:valueType="floatType" />
</set>
</item>
<item>
<set android:ordering="together">
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleX"
android:valueTo="1.0"
android:valueType="floatType" />
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleY"
android:valueTo="1.0"
android:valueType="floatType" />
</set>
</item>
</selector>
虽然 XML 结构使用和前面的 button_default.xml 相同的 <seletor>,但是在 res/animator 目录下,表示动画器实例而非 Drawable 的状态列表集合。
content_main.xml :
[html] view
plain copy
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="com.crazy.bitmapxfermode.MainActivity"
tools:showIn="@layout/activity_main">
<Button
android:text="My Button"
android:background="@drawable/background_button"
android:stateListAnimator="@animator/button_press"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
RippleDrawable 就是一个自定义触摸反馈动画。是在 Android 5.0 时推出的动画效果。为了兼容低版本,可以在将 <ripple> 元素定义在 drawable-v21 目录下;
效果如下:
首先定义一个 StateListDrawable 资源;
button_default.xml :
[html] view
plain copy
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_enabled="false"
android:drawable="@drawable/disabled" />
<item
android:state_pressed="true"
android:drawable="@drawable/selected" />
<item
android:state_focused="true"
android:drawable="@drawable/selected" />
<item android:drawable="@drawable/fdefault" />
</selector>
需要注意 <selector> 时有序的。Android在遍历烈表时,会返回第一个状态完全匹配的 Drawable 。所以将常规状态放在烈表的最底部。
使用一些动画触摸反馈修饰按钮示例。使用 <ripple> 元素定义 XML (在 drawable-v21目录下),可用于构造 RippleDrawable;
background_button.xml :
[html] view
plain copy
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#0CC">
<!--显示默认的 drawable-->
<item android:drawable="@drawable/button_default" />
<!--匹配默认值的波纹效果剪切遮罩-->
<item
android:id="@android:id/mask"
android:drawable="@drawable/button_default" />
</ripple>
增加尺寸的缩放效果(res/animator 目录下);
button_press.xml :
[html] view
plain copy
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_enabled="true"
android:state_pressed="true">
<set android:ordering="together">
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleX"
android:valueTo="0.8"
android:valueType="floatType" />
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleY"
android:valueTo="0.8"
android:valueType="floatType" />
</set>
</item>
<item>
<set android:ordering="together">
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleX"
android:valueTo="1.0"
android:valueType="floatType" />
<objectAnimator
android:duration="@android:integer/config_shortAnimTime"
android:propertyName="scaleY"
android:valueTo="1.0"
android:valueType="floatType" />
</set>
</item>
</selector>
虽然 XML 结构使用和前面的 button_default.xml 相同的 <seletor>,但是在 res/animator 目录下,表示动画器实例而非 Drawable 的状态列表集合。
content_main.xml :
[html] view
plain copy
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="com.crazy.bitmapxfermode.MainActivity"
tools:showIn="@layout/activity_main">
<Button
android:text="My Button"
android:background="@drawable/background_button"
android:stateListAnimator="@animator/button_press"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
相关文章推荐
- RippleDrawable 的简单使用
- RotateDrawable的简单使用
- [使用资源] 简单获取drawable下规律性命名的图片资源
- 『ANDROID』使用AnimationDrawable简单的多图片切换
- Android动画:AnimationDrawable资源的简单使用
- Android中AnimationDrawable使用的简单实例
- PictureDrawable的简单使用
- Material Design Ripple 标签的简单使用
- GradientDrawable 的简单使用(绘制控件的背景)
- ColorDrawable的简单使用
- VectorDrawable的简单使用
- Android Drawable之 Ripple的使用
- AnimatedRotateDrawable的简单使用
- ScaleDrawable的简单使用
- Android之ClipDrawable资源简单使用
- Drawable简单使用
- LevelListDrawable的简单使用
- ShapeDrawable和GradientDrawable的简单使用
- VectorDrawable的简单使用(这里不讲动画,不需要的请绕过)
- Bitmap,BitmapDrawable,BitmapFactory的简单使用,以及AssetManager的使用