这几天又看了下《iOS 7 UI Transition Guide 》,然后发现用系统 UITextField 做一个输入框,
不知道你注意系统自动的高德地图导航的UI没。。。然后就是故事的开始 ~ T_T ~
UITextField的输入框内文字是两部分组成的,左边是默认的提示文字,右边是
用户输入的部分,而且 UITextField 的响应部分是在 “:” 之后,第一反应是,...
分类:
移动开发 时间:
2014-12-27 15:14:45
阅读次数:
140
css的transition允许css的属性值在指定时间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并平滑地以动画效果逐渐改变CSS的属性值。一般我们使用hover来改变css值在书写的时候,可能初学者会产生疑惑,不清楚transition是写在普通状态的元素上,还...
分类:
Web程序 时间:
2014-12-27 00:09:04
阅读次数:
240
一张张照片散乱的撒在一起,鼠标悬浮时旋转放大并摆正,效果如下图(所有图片均来自网络),主要使用到的css3属性有:transition、transform(scale、rotateZ)、box-shadow以及z-index。 ...
分类:
Web程序 时间:
2014-12-26 21:40:11
阅读次数:
196
1. 流程定义(Process Definition)流程定义是记录在xml文件中的对流程的描述,它包含唯一的流程开始节点和多个流程功能节点,每个节点之间使用transition进行连接。 ProcessDefinition使用id, key和version进行标识,jBPM中可能包含多个key值相...
分类:
其他好文 时间:
2014-12-24 11:13:32
阅读次数:
282
Android实现两张图片渐隐渐现的过渡效果,Transition Drawable实现两张图片之间动态过度效果的方式。...
分类:
移动开发 时间:
2014-12-20 23:32:50
阅读次数:
622
在使用 app Framework的$.ui.loadContent(target,newTab,goBack,transition);时 对 newTab goback两个参数一直不得其解。通过查看源码及实践终于搞懂了意思。官方解释语焉不详,我就不贴了,我现在说说我的理解如果newTab为true...
分类:
移动开发 时间:
2014-12-19 11:55:57
阅读次数:
1666
平时工作中经常遇到需要transition动画结束后触发某个功能的问题,但是在映像中好像只见过animate的回调函数,而transition的很多属性无法在animate中使用,经过一些总结归纳,终于得出了transition回调函数的写法'transform', "rotate(180deg)"...
分类:
其他好文 时间:
2014-12-19 11:53:07
阅读次数:
380
页面动画:data-transition 属性可以定义页面切换是的动画效果。例如:I'll popdata-transition 参数表:参数说明slide 从右侧向左滑入页面slideup 从底部向上滑入slidedown 从上向下滑入pop 从中心渐显展开fade 渐显flip 翻转备注:如果想...
分类:
Web程序 时间:
2014-12-15 08:55:28
阅读次数:
209
旋转:* { transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0...
分类:
移动开发 时间:
2014-12-11 17:11:19
阅读次数:
183
我们在做js动画的时候,很多时候都需要做回调处理,如在一个动画完成后触发一个事件、一个动画完成后执行另外一个动画等等,但在使用CSS3动画时能不能捕获到运动的状态做回调处理呢?CSS3动画也是可以做回调处理的,这里分为两个属性,一个是transition[w3c文档],另外一个是animation...
分类:
Web程序 时间:
2014-12-10 12:10:24
阅读次数:
162