- 浏览: 93731 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
sincerehui:
android二维码的编码与解码(图片解码与摄像头解码) -
nyh1006:
学习一下!
UIScrollView循环滚动 -
bravewly:
为啥扫不出结果呢?是我扫的方式不对么?
android二维码的编码与解码(图片解码与摄像头解码) -
messigoogle:
我说您这个也是跟eoe上的差不多吧,加载的Assert中的图片 ...
android瀑布流 -
gundumw100:
LazyScrollView是偶写的。欢迎使用。呵呵。http ...
android瀑布流
看那些iPhone的view的切换效果非常帅,今天研究了一下从一个view到另一个view的切换翻转的效果,现在和大家分享一下
我先重写了Animation类,然后在类里先写一个接口,用来传递动画进度的
/** 用于监听动画进度。当值过半时需更新的内容。 */ private InterpolatedTimeListener listener; public void setInterpolatedTimeListener(InterpolatedTimeListener listener) { this.listener = listener; } /** 动画进度监听器。 */ public static interface InterpolatedTimeListener { public void interpolatedTime(float interpolatedTime); }
写实例方法,保存view的中心坐标和需要的动画类型
public RotateAnimation(float cX, float cY, boolean type) { centerX = cX; centerY = cY; this.type = type; // 设置动画时长 setDuration(DURATION); }
再在initialize方法中初始化Camera
@Override public void initialize(int width, int height, int parentWidth, int parentHeight) { // 在构造函数之后、applyTransformation()之前调用本方法。 super.initialize(width, height, parentWidth, parentHeight); camera = new Camera(); }
最后在applyTransformation方法中实现动画效果
@Override protected void applyTransformation(float interpolatedTime, Transformation transformation) { // interpolatedTime:动画进度值,范围为0~1,0.5为正好翻转一半 if (listener != null) { listener.interpolatedTime(interpolatedTime); } float from = 0.0f, to = 0.0f; if (type == ROTATE_DECREASE) { from = 0.0f; to = 180.0f; } else if (type == ROTATE_INCREASE) { from = 360.0f; to = 180.0f; } // 旋转的角度 float degree = from + (to - from) * interpolatedTime; boolean overHalf = (interpolatedTime > 0.5f); if (overHalf) { // 翻转过半的情况下,为保证数字仍为可读的文字而非镜面效果的文字,需翻转180度。 degree = degree - 180; } // 旋转深度 float depth = (0.5f - Math.abs(interpolatedTime - 0.5f)) * DEPTH_Z; final Matrix matrix = transformation.getMatrix(); camera.save(); // 深度——》相当于与屏幕的距离 camera.translate(0.0f, 0.0f, depth); // 以x轴旋转 // camera.rotateX(degree); // 以y轴旋转 camera.rotateY(degree); camera.getMatrix(matrix); camera.restore(); if (DEBUG) { if (overHalf) { matrix.preTranslate(-centerX * 2, -centerY); matrix.postTranslate(centerX * 2, centerY); } } else { // 确保图片的翻转过程一直处于组件的中心点位置 /* * preTranslate是指在setScale前平移,postTranslate是指在setScale后平移,它们参数是平移的距离, * 而不是平移目的地的坐标! * 由于缩放是以(0,0)为中心的,所以为了把界面的中心与(0,0)对齐,就要preTranslate(-centerX, * -centerY),setScale完成后, 调用postTranslate(centerX, * centerY),再把图片移回来,这样看到的动画效果就是activity的界面图片从中心不停的缩放了 * 注:centerX和centerY是界面中心的坐标 */ matrix.preTranslate(-centerX, -centerY); matrix.postTranslate(centerX, centerY); } }
其中如果camera.rotateX(degree)这样是以x轴翻转,camera.rotateY(degree)是以y轴翻转。
这样就写完RotateAnimation类了
下面让我们来看一下MainActivity类,是怎么调用的
先求出view的中心坐标
float cX = m_main_rl.getWidth() / 2.0f; float cY = m_main_rl.getHeight() / 2.0f;
然后初始化RotateAnimation
rotateAnim = new RotateAnimation(cX, cY,RotateAnimation.ROTATE_DECREASE);
然后在动画运行到一半的时候做一些操作就行了,我这里偷懒就是把一个view隐藏把另一个view显示出来,你们可以addview和removeview。
@Override public void interpolatedTime(float interpolatedTime) { // 监听到翻转进度过半时,更新txtNumber显示内容。 if (enableRefresh && interpolatedTime > 0.5f) { setHint(); enableRefresh = false; } } public void setHint() { m_login_ll.setVisibility(View.GONE); m_option_ll.setVisibility(View.GONE); if (btn_id == R.id.hz_login_btn) { m_option_ll.setVisibility(View.VISIBLE); } else if (btn_id == R.id.hz_logout_btn) { m_login_ll.setVisibility(View.VISIBLE); } }
这样从一个view到另一个view的翻转效果就实现了,其实方法很简单。
发表评论
-
实现ScrollView的嵌套
2012-12-27 10:39 2101今天忽然需要写两个ScrollView嵌套,如: &l ... -
Android4.0新的SDK新特性 (汉化)
2012-10-31 15:40 1292Android 4.0 是一次重要的平台发布版,为用户和 ... -
Fragments (Android官方文档中文版)
2012-10-30 15:44 857原作者为: 苍山。感谢他分享的内容 概述 ... -
android瀑布流
2012-10-26 10:54 2434今天研究了一下瀑布流,来说一下我实现它的方法。 看一下 ... -
android二维码的编码与解码(图片解码与摄像头解码)
2012-10-24 17:43 3687今天上网找了找可以从图片解析二维码 ,而不是从摄像头,找了半天 ... -
Android 连接WIF获取的信息剖析
2012-10-10 13:48 1083Android的参数大致分成两块:系统服务参数和平台系统 ... -
android使用字体库更改字体
2012-07-27 15:34 1341TextView tv = (TextView) thi ... -
Android代码混淆的实践
2012-07-11 12:46 839开发 apk 的时候当然要考虑保护好自己的代码,Android ... -
给Android的音量按钮添加监听事件
2012-07-09 17:02 1326@Override public boolean onK ... -
去掉listview背景变黑和顶底部边缘模糊
2012-06-29 17:24 1149listview在滚动是背景变黑:android:cacheC ... -
Android 在OnCreate()中获取控件高度与宽度
2012-06-20 17:01 2873试过在OnCreate()中获取控件高度与宽度的童鞋都知道,g ... -
android EditText插入字符串到光标所在位置
2012-03-07 14:01 2149EditText mEditText = (EditText) ... -
android tabactivity view切换edittext不弹出软键盘的解决方案
2011-12-21 12:03 2095public void onFocusChange(View ... -
更改CheckBox的样式
2011-12-13 08:43 2340首先在styles.xml添加如下的自定义样式: <s ... -
Android中RatingBar的自定义效果
2011-11-16 10:14 1481有时候android系统提供给我们的ratingbar效果 ... -
TabHost点击按钮布局改变
2011-11-15 09:48 1005main.xml <?xml version=&quo ... -
android获得控件在屏幕中的绝对坐标
2011-11-10 12:56 2568int[] location = new int[2] ; ... -
手势识别
2011-11-10 09:29 836[功能] 何为手势识别? 比如:你在屏幕上从左至右划出的一个动 ... -
Android px和dip以及sp的区别及转换代码
2011-11-09 16:11 1579/** * 根据手机的分辨率从 dp 的单位 转成为 px ... -
android获取屏幕长宽,status bar高度,设置全屏显示
2011-11-09 16:08 1566//获取屏幕长宽 WindowManager wm = ...
相关推荐
该源码来自源码天堂android源码频道的,源码实现了类似iphone的两个视图切换翻转动画Animation,看那些iPhone的view的切换效果非常帅,今天研究了一下从一个view到另一个view的切换翻转的效果,现在和大家分享一下。
jquery制作仿iphone苹果手机界面触屏切换效果.rarjquery制作仿iphone苹果手机界面触屏切换效果.rarjquery制作仿iphone苹果手机界面触屏切换效果.rarjquery制作仿iphone苹果手机界面触屏切换效果.rarjquery制作仿...
Mac 平台下仿iPhone上下载App 的动画
iphone范例代码,翻转动画特效 一个示范翻转动画的代码范例
wpf仿iphone桌面翻页效果,不满足翻页条件则回滚当页,另外增加了左右翻页按钮。
jquery框架与coffeescript制作,模仿iphone苹果IOS手机主屏幕触摸效
这是一个仿iphone斜拉的横向3D图片切换效果demo,实现了iphone图片浏览的效果
仿iphone滑动特效实现,开机画面,九宫格滑动效果
仿iphone软键盘输入文本框是一款基于jQuery CSS3实现的仿制iphone类型软键盘特效。
实现类似于iphone手机桌面图片切换效果,简单使用!
这是iPhone之手动切换View示例程序,具体参考: http://blog.csdn.net/htttw/article/details/7879534
完整的仿iphone单选切换按钮的代码例子,希望能对有需要的童鞋有所帮助。
这是iPhone之手势切换图片示例程序,具体参考: http://blog.csdn.net/htttw/article/details/7881955
这是一款android实现的仿iphone Launcher 桌面
仿IPHONE状态栏
用animation实现UIView动画效果,简单上中下移动
一个简单的仿iPhone滑动开关的控件,适合项目需要的时候和学习之用,gb编码
见过的android中仿iphone最好的控件,实现下拉刷新 上提加载等功能