Android ApiDemos示例解析(131):Views->Layout Animation->6. Wave Scale
2012-08-21 06:55
337 查看
本例为GridView的Cell提供了波浪一波一波向前推进的效果.
<gridLayoutAnimation xmlns:android=”http://schemas.android.com/apk/res/android”
android:rowDelay=”75%”
android:columnDelay=”0%”
android:directionPriority=”none”
android:animation=”@anim/wave_scale” />
主要是通过wave_scale 实现的:
<set xmlns:android=”http://schemas.android.com/apk/res/android”
android:interpolator=”@android:anim/accelerate_interpolator”>
<alpha
android:fromAlpha=”0.0″
android:toAlpha=”1.0″
android:duration=”100″ />
< scale
android:fromXScale=”0.5″ android:toXScale=”1.5″
android:fromYScale=”0.5″ android:toYScale=”1.5″
android:pivotX=”50%” android:pivotY=”50%”
android:duration=”200″ />
< scale
android:fromXScale=”1.5″ android:toXScale=”1.0″
android:fromYScale=”1.5″ android:toYScale=”1.0″
android:pivotX=”50%” android:pivotY=”50%”
android:startOffset=”200″
android:duration=”100″ />
< /set>
波浪的效果是先从0.5倍放大到1.5倍,然后再从1.5倍复原到原始尺寸。 <set> 为其它animation类型<alpha>,<scale>,<translate>和<rotate>或其它<set>的容器。参见Android ApiDemos示例解析(3): App->Activity->Animation
![](http://www.imobilebbs.com/wordpress/wp-content/uploads/2011/07/20110704006.png)
<gridLayoutAnimation xmlns:android=”http://schemas.android.com/apk/res/android”
android:rowDelay=”75%”
android:columnDelay=”0%”
android:directionPriority=”none”
android:animation=”@anim/wave_scale” />
主要是通过wave_scale 实现的:
<set xmlns:android=”http://schemas.android.com/apk/res/android”
android:interpolator=”@android:anim/accelerate_interpolator”>
<alpha
android:fromAlpha=”0.0″
android:toAlpha=”1.0″
android:duration=”100″ />
< scale
android:fromXScale=”0.5″ android:toXScale=”1.5″
android:fromYScale=”0.5″ android:toYScale=”1.5″
android:pivotX=”50%” android:pivotY=”50%”
android:duration=”200″ />
< scale
android:fromXScale=”1.5″ android:toXScale=”1.0″
android:fromYScale=”1.5″ android:toYScale=”1.0″
android:pivotX=”50%” android:pivotY=”50%”
android:startOffset=”200″
android:duration=”100″ />
< /set>
波浪的效果是先从0.5倍放大到1.5倍,然后再从1.5倍复原到原始尺寸。 <set> 为其它animation类型<alpha>,<scale>,<translate>和<rotate>或其它<set>的容器。参见Android ApiDemos示例解析(3): App->Activity->Animation
![](http://www.imobilebbs.com/wordpress/wp-content/uploads/2011/07/20110704006.png)
相关文章推荐
- Android ApiDemos示例解析(191):Views->Seek Bar
- Android ApiDemos示例解析(156):Views->Layouts->TableLayout->01. Basic
- Android ApiDemos示例解析(110):Views->Data Widgets->1. Dialog
- Android ApiDemos示例解析(133):Views->Layouts->Baseline->1.Top
- Android ApiDemos示例解析(162):Views->Layouts->TableLayout->07. Column Collapse
- Android ApiDemos示例解析(178):Views->Lists->11. Multiple choice list
- Android ApiDemos示例解析(143):Views->Layouts->LinearLayout->3. Vertical (Padded)
- Android ApiDemos示例解析(96):Views->Animation->Interpolators
- Android ApiDemos示例解析(165):Views->Layouts->TableLayout->10. Simple Form
- Android ApiDemos示例解析(127):Views->Layout Animation->2. List Cascade
- Android ApiDemos示例解析(150):Views->Layouts->LinearLayout->10. Background Image
- Android ApiDemos示例解析(172):Views->Lists->5. Separators
- Android ApiDemos示例解析(173):Views->Lists->6. ListAdapter Collapsed
- Android ApiDemos示例解析(158):Views->Layouts->TableLayout->03.Long Content
- Android ApiDemos示例解析(139):Views->Layouts->Baseline->Nested Example 2
- Android ApiDemos示例解析(179):Views->Lists->12. Transcript
- Android ApiDemos示例解析(112):Views->Expandable Lists->1. Custom Adapter
- Android ApiDemos示例解析(120):Views->Gallery->2. People
- Android ApiDemos示例解析(192):Views->Spinner
- Android ApiDemos示例解析(159):Views->Layouts->TableLayout->04.Stretchable