昨天偶偶然看见UI 给的一个交互的效果,原图如下
就是下面的loginbutton,于是大概模仿了一下,
并没有做这个UI的全部效果,有兴趣的可以完善后面展开的效果下面是demo的button效果
这个View用到的知识点比较简单:
view的坐标系知识,(大家没有不熟悉的吧)
view的canvas基本API(画矩形,画扇形,)
view的自定义属性(attr提供选项)
属性动画的知识(老生...
分类:
移动开发 时间:
2016-07-15 21:10:05
阅读次数:
245
一、概述上篇博客介绍了View动画的简单使用和基本工作原理原理,这篇来学习下属性动画。和View动画不同的是,属性动画不再简单的使用平移、旋转、缩放、透明度这4种变换,代替它们的是ValueAnimator、ObjectAnimator等概念。二、运行截图三、TimeInterpolator和TypeEvaluator在真正学习属性动画之前,我们需要理解TimeInterpolator和TypeEv...
分类:
移动开发 时间:
2016-07-14 03:19:27
阅读次数:
291
简述前面几节中我们介绍了关于动画的基本使用,有属性动画、串行动画组、并行动画组。这节我们来实现一些特效,让交互更顺畅。简述
示例
效果
源码
更多参考示例下面,我们以geometry、pos、windowOpacity属性为例,来实现窗体的下坠、抖动、透明度效果。效果源码下坠效果:通过计算桌面的宽度、高度,来设置动画的起始值和结束值。void MainWindow::onDropWindow()
{...
分类:
其他好文 时间:
2016-07-13 16:34:42
阅读次数:
140
1、属性动画是什么不废话,不懂的可以百度一下参考郭霖大神的动画详解篇;这里仅仅提供一个demo说说用法,抛砖引玉,代码的注释写的已经很详细,不再多说废话,一下提供的是一个基础的demo,讲解的是objectAnimator的基础用法,如平移、旋转、缩放、渐变以及动画的集合;至于objectAnimator(必须的有set get方法)和valueAnimator的详细区别也可参考郭霖大神的动画详解...
分类:
移动开发 时间:
2016-07-11 17:13:26
阅读次数:
281
android动画分为视图动画(View Animation)、属性动画(Property Animation)
想看属性动画(Property Animation):请移步至
这里我们来说下视图动画(View Animation)的纯代码写法,还有一种是xml调用,
对于xml调用可以去看 http://blog.csdn.net/u013424496/article/details/51...
分类:
移动开发 时间:
2016-07-03 19:42:26
阅读次数:
270
视图动画请移步:http://blog.csdn.net/u013424496/article/details/51700077
属性动画 使用条件:...
分类:
移动开发 时间:
2016-07-03 19:39:55
阅读次数:
288
属性动画 * 1.创建ValueAnimator 对象 设置开始位置和结束位置 * 2.设置监听事件(获取变化的值,将数值设置到控件中) * 3.设置时间 * 4.开始动画,调用start方法 属性动画 ...
分类:
移动开发 时间:
2016-06-30 06:23:51
阅读次数:
148
android动画: 3.0以前,android支持两种动画模式,tween animation,frame animation, 3.0中又引入了一个新的动画系统:property animation, 这三种动画模式在SDK中被称为 property animation, 属性动画: view ...
分类:
移动开发 时间:
2016-06-29 23:41:43
阅读次数:
293
android中动画可分为三种:帧动画,补间动画,和属性动画。其中属性动画是google推荐的,它可以实现前面两种动画的效果,运用起来更加灵活。 帧动画:顾名思义,就是一帧一帧的图片,快速播放形成的动画。 具体实现步骤如下: 第一:新建一个drawable资源 以animation-list 为根节 ...
分类:
移动开发 时间:
2016-06-27 21:34:54
阅读次数:
349
如图:
参考:
Android补间动画,属性动画实现购物车添加动画
思路:
确定动画的起终点在起终点之间使用二次贝塞尔曲线填充起终点之间的点的轨迹设置属性动画,ValueAnimator插值器,获取中间点的坐标将执行动画的控件的x、y坐标设为上面得到的中间点坐标开启属性动画当动画结束时的操作
难点:
PathMeasure的使用
- getLength()
- bool...
分类:
其他好文 时间:
2016-06-25 19:15:06
阅读次数:
410