Angular2 组件动画
Angular可以通过在一定的时间内将组件的css样式过渡切换成另一种样式来实现动画。下面的例子是将一个盒子从黄色背景切成蓝色，并且修改margin-left来移动位置。
效果如下:
Posts tagged ‘动画’
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’ »