签到

05月08日
尚未签到

共有回帖数 0

    忘记过去

    等级:
    inear表达式介绍&用法       子父链接,表达式属性之间的链接都可以实现由一个变量去控制多个的变量。说到链接,不得不提到表达式"linear",它的存在为我争取了更多刷ui中国的时间,哈哈,就是说自从用"linear",一口气做了5个需求,不费劲,谁用谁知道啊!     同样,我们先来看看官方是如何定义"linear"的:插值方法(节选)linear(t, value1, value2)返回类型:数值或数组。参数 t 通常是 time 或 value,但它也可以采用其他值。如果 t 是 time,则值之间的插值会在持续时间内发生。如果 t 是 value,则表达式会将一系列值映射到新系列值。同样我们可以在表达式库中调用它:






    (我有先把A圆的位移动画改成了128到300哦,如果不改的话,大家可以想象一下是怎么样的一种情景。)
          通过上面的实例,我们不难看出"linear"的"映射"是怎么工作的。简单的解释"linear(Ax,128,300,128,620)",当Ax从128到300变化时,映射出128到620的值;即Ax=128时输出128,Ax=300时输出620,输出的对应值就作用到了B圆的X轴属性上了。而我们又把A圆的x轴位置属性定义给了"Ax",所以就相当于把A圆的x轴映射给了B圆的X轴,至于具体的变化范围,就看你括号里的参数怎么定义了。       需要注意的是映射的对象不是一对一,可以一对多;也不必需要X轴映射X轴,你可以X轴映射Y轴,甚至X轴映射透明度,缩放,旋转等等。具体怎么个射法还是得看你的tiwei,是体力,不是,是能力。总之"linear"会让你动画中的元素关系更加密切,而不是孤立的个体。        就是这么简单实用,即学即用的映射技巧,你学会了吗?简单示范&思路分享
          上面实例中A圆是主导对象,由他的运动来影响B圆的运动。在很多情况下我需要选对主导对象,因为是由主导对象发起动画,一般关键帧也是打在它身上。所以要根据具体情况来分析,选对主导对象对你后面的工作影响重大。一般我都是选跟手指操作的关系最密切的对象作为主导。       下面简单示范和分析一下我做的一些小实例,由于篇幅原因我不对细节做具体分析,方法也因人而异,旨在分享哈。例1:
    思路:banner的高度去映射背景图的缩放;
    例3:思路:顶层的Y轴映射自己的缩放&圆角,同时映射第2,3层的y轴&缩放&圆角;



    例5:思路:旋钮的旋转映射数字从0变化到10&背景颜色&刻度条等等;



    楼主 2015-08-26 19:18 回复

共有回帖数 0
  • 回 帖
  • 表情 图片 视频
  • 发表
Copyright © 2010~2015 直线网 版权所有,All Rights Reserved.沪ICP备10039589号 意见反馈 | 关于直线 | 版权声明 | 会员须知