Posts tagged ‘动画’

Angular2 组件动画

Angular可以通过在一定的时间内将组件的css样式过渡切换成另一种样式来实现动画。下面的例子是将一个盒子从黄色背景切成蓝色,并且修改margin-left来移动位置。
效果如下:
angular 动画

Continue reading ‘Angular2 组件动画’ »

iOS开发 动画显示view切换效果 

下面的代码段来自《Beginning iOS 5 Development》第六章,是一个多view应用的例子,本想贴整个例子,但是代码实在太多。 Continue reading ‘iOS开发 动画显示view切换效果 ’ »

关闭Activity间切换时的动画效果

用下面的方法关闭Activity间切换时动画效果,有个副作用,就是欲打开的Activity必须是新开,没有在内存中,所以每次startActivity后,需要把自己finish掉,不能加FLAG_ACTIVITY_REORDER_TO_FRONT。


Intent intent = new Intent(this, Target.class);
startActivity(intent);
finish();
overridePendingTransition(0, 0);
//无动画

Android 使用动画效果后的控件位置处理 类似系统通知栏下拉动画

Android的动画的使用,请参考。Android的动画,在设计方面,我有点不太理解,觉得这样搞很怪,因为在控件动画后,即使设置了停留在动画结束时的位置,我们也确实看到了控件停在那个位置,但其实该控件的真实位置还是在原来动画前的那里。举个例子,如果有个Button,你给它设置了动画,让它移动到其他位置,当移动完成后,你会发现,点击Button没有任何效果,而在Button原来的位置,就是动画前的位置点击,明明没有任何控件,却看到了点击Button的效果。不知道Google为什么要这样设计。
解决思路:动画不设置结束后停留在结束位置,通过setAnimationListener方法设置动画监听器,在动画结束时,即onAnimationEnd方法中,手动用layout或者setLayoutParams方法把控件移动到动画结束的位置。
范例说明:启动时如下图,一个按钮,按钮上有一条高10像素的白条,其实这是另一个View,但是我把它Y轴设为了负,所以只能看到一部分,另一部分被隐藏在屏幕上方。 Continue reading ‘Android 使用动画效果后的控件位置处理 类似系统通知栏下拉动画’ »

Android动画效果 translate、scale、alpha、rotate 切换Activity动画 控件位置调整

2011.10.28注:如果需要控件停在动画后的位置,需要设置android:fillAfter属性为true,在set节点中。默认在动画结束后回到动画前位置。设置android:fillAfter后,我们看到了控件留在了动画后的位置,其实也只是看到在那个位置,真实位置还是在原来动画前那里,你会发现Button不能被点击,就是这个原因。所以我们可以在动画结束后,手动把控件移动到动画结束后的位置。这就需要根结点为AbsoluteLayout,因为LinearLayout不能通过x,y座标定位。具体方法:把布局换成AbsoluteLayout,使用Animation的setAnimationListener设置动画播放事件,在onAnimationEnd方法中,使用控件的setLayoutParams方法,设置动画后的位置。

5月15日注:overridePendingTransition只支持android 2.0以上版本
Android的动画效果分为两种,一种是tweened animation(补间动画),第二种是frame by frame animation。一般我们用的是第一种。补间动画又分为AlphaAnimation,透明度转换 RotateAnimation,旋转转换 ScaleAnimation,缩放转换 TranslateAnimation 位置转换(移动)。
动画效果在anim目录下的xml文件中定义,在程序中用AnimationUtils.loadAnimation(Context context,int ResourcesId)载入成Animation对象,在需要显示动画效果时,执行需要动画的View的startAnimation方法,传入Animation,即可。切换Activity也可以应用动画效果,在startActivity方法后,执行overridePendingTransition方法,两个参数分别是切换前的动画效果,切换后的动画效果,下面的例子中传入的是两个alpha动画,以实现切换Activity时淡出淡入,渐隐渐现效果。 Continue reading ‘Android动画效果 translate、scale、alpha、rotate 切换Activity动画 控件位置调整’ »

Android UI设计 屏幕底部的菜单栏 动画切换Activity

替换后:最终效果如下图,点击菜单会切换Activity,有动画效果。

从早上起床就研究这个东西,因为之前一直都直接用系统提供的几个控件,从来没搞过图片背景、嵌套布局什么的,今天是第一次,没什么经验,花了一个上午才搞定。
简单介绍一下思路,使用LinearLayout嵌套,分三部分,第一部分是顶部的标题栏,第二部分是内容,第三部分是底部菜单。参考网上的代码,一路顺风顺水搞定,但在模拟器测试时出了问题(开发时用I9000),模拟器的屏幕是HVGA的,在上面运行看不到菜单栏。这个问题困扰了很久,网上也搜不出有用的答案(说是用dip,不用px,我开始就是用dip的),最后还是自己冥思苦想解决了问题,解决方法也很简单,就是让内容fill_parent,然后菜单layout_marginTop取个负值。
2011年7月18日更新:其实上面的问题可以用相对布局RelativeLayout解决,很简单,具体用法自己搜索一下吧,有时间我会写篇
Continue reading ‘Android UI设计 屏幕底部的菜单栏 动画切换Activity’ »