HackSix 为ViewGroup的子视图添加悦目的动画效果

1.默认情况下他,添加到viewGrop的子视图是直接显示出来的。有一个比较简单的方法可以为这个过程增加动画效果。

2.知识点:

给子视图添加动画效果就用:LayoutAnimationController类,用LayoutAnimationController要强调一点的是不可以给每个子视图指定

不同的动画效果,但可以决定每个子视图显示动画效果的时间。

3.例子:

下面将结合托名都渐变动画(alpha animation)和位移动画(translate animation)演示给ListView的子视图添加动画效果。。

使用LayoutAnimationContriller的方法有两种:一是直接在代码中使用或者在XML文字间中配置,

下面例子将在代码中使用:

 1 public class MainActivity extends Activity {
 2     private ListView mListView;
 3     @Override
 4     protected void onCreate(Bundle savedInstanceState) {
 5         super.onCreate(savedInstanceState);
 6         setContentView(R.layout.activity_main);
 7         mListView = (ListView) findViewById(R.id.listView);
 8         mListView.setAdapter(new ArrayAdapter<String>(this,
 9                 android.R.layout.simple_list_item_1, Countries.COUNTRIES));
10         AnimationSet set = new AnimationSet(true);
11         Animation alpha = new AlphaAnimation(0.0f, 1.0f);
12         alpha.setDuration(2000);
13         Animation translate = new TranslateAnimation(
14                 Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,
15                 0.0f, Animation.RELATIVE_TO_SELF, -1.0f,
16                 Animation.RELATIVE_TO_SELF, 0.0f);
17         translate.setDuration(1000);
18         set.addAnimation(alpha);
19         set.addAnimation(translate);
20         LayoutAnimationController controller = new LayoutAnimationController(
21                 set);
22         mListView.setLayoutAnimation(controller);
23     }
24 }  
activity_main.xml
 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical"
 6     tools:context=".MainActivity" >
 7
 8     <ListView
 9         android:id="@+id/listView"
10         android:layout_width="match_parent"
11         android:layout_height="match_parent" >
12     </ListView>
13
14 </LinearLayout>
 

  

时间: 2024-10-15 12:07:01

HackSix 为ViewGroup的子视图添加悦目的动画效果的相关文章

Android开发之50个常见实用技巧——添加悦目的动画效果

Hack.9 避免在EditText中验证日期 思路分析: 开发一个外观看起来与EditText相同的Button,点击该Button后,会显示一个DatePicker控件 实现: 只需要把Button控件默认背景改为EditText的背景,即可. 关键代码如下:

CSS3使用Animation为同一个元素添加多个动画效果

本篇文章由:http://xinpure.com/css3-animation-for-the-same-element-multiple-animation-effects/ CSS3 Animation 并未提供 给一个元素同时添加多个动画效果的方法,就是说一个元素,只能给它定义一个动画效果,不能同时定义. 需求说明 比如说,我想实现一个这样的动画效果: 一颗星星从上往下滑落,当滑落到指定位置时开始闪烁 这里就用到了两个动画效果: 1. 从上往下滑落 (单次动画) 2. 闪烁 (循环动画)

Android自定义视图三:给自定义视图添加“流畅”的动画

在第二部分我们实现了一个简单的折线图.这里假设你已经读了前篇.下面我们将继续为这个折线图添砖加瓦. 我在想给这个图的上方添加三个按钮,这样用户可以点选不同的按钮来查看不同类别的数据.比如,用户可以查看走路的.跑步的和骑车的.用户点不同的按钮,我们就跟还不同的运动数据显示在图形里. 我们实现了按钮点击后,设置不同的坐标点数据,然后运行APP.你会发现,虽然方法setChartData()已经被调用了,但是图形一点变化都没有.为什么呢?因为我们没有通知折线图"重绘".这可以通过调用inva

【FIR.im赞助】jQuery编程挑战#012:生成菜单添加和删除动画效果

申请达人,去除赞助商链接 定义如下HTML代码: <!-- HTML代码片段中请勿添加<body>标签 //--> <ul id="container"> <li>Java<i class="fa fa-times pull-right"></i></li> <li>Javascript<i class="fa fa-times pull-right&qu

jquery为表格行添加上下移动画效果

为项目列表项添加上下移动动画.首先想使用jquery animate来做到这一点.但我用的是table和tr作为列表和列表项,但jquery动画方法不支持table里的tr(Animations are not supported on table rows.).所以设法用其他解决方案.最后使用jq方法配合 CSS3 transform 实现. /** * @param {Object} $fstElem 目标行 * @param {Object} $scdElem 被换行 * @param {

iOS 模态视图转场的动画效果

ModalViewController * modalView = [[ModalViewController alloc]init]; modalView.modalTransitionStyle = UIModalTransitionStyleCoverVertical; // [self presentModalViewController:modalView animated:YES]; ios 6 弃用了该方法 [self presentViewController:modalView

WPF制作子窗体的弹出动画效果

今天有幸被召回母校给即将毕业的学弟学妹们讲我这两年的工作史,看了下母校没啥特别的变化,就是寝室都安了空调,学妹们都非常漂亮而已..好了不扯蛋了,说下今天的主题吧.这些天我在深度定制语法高亮功能的同时发现了博客园提供的一些有意思的函数,甚至有几个博客园都没用到,我也不知道怎么才能触发那些功能..打开这个js就可以看到很多好用的东西了,虽然写的不怎么样,但是至少有这些功能. ps: 推荐安装一个代码格式化的插件,否则一坨看着蛋疼.比如第一个就是 log,方便调试. www.pinterest.com

WPF制作子窗体的弹出动画效果住着卓专姿嘴

http://www.ebay.com/cln/t53_xljt/2015-01-30/166737013012 http://www.ebay.com/cln/flh_zrjl/2015-01-30/166845890016 http://www.ebay.com/cln/7vv_nlbh/2015-01-30/166696893018 http://www.ebay.com/cln/xh9_nzvt/2015-01-30/166543631019 http://www.ebay.com/cl

[转]UIView的属性,父视图和子视图的层级操作,子视图的自适应模式,外加一个定时器

1)UIView视图frame的设置,四个参数,前2个确定位置,后2个确定大小. (2)UIView的内容模式contentMode,和在UIImage中说的是一样的,而且在UIImage中展示更容易理解. (3)UIView最重要的就是父视图和子视图之间的关系,以及父视图操作子视图(增加一个子视图,把一个子视图放到最下面最上面.交换两个子视图的加载顺序等等) (4)还有一个重要的是,父视图如果发生变化,子视图怎么自动调整布局:先让父视图允许子视图干这个事,即把父视图的属性autoresizes