编辑:西湖鱼    发布日期:2020-10-28 00:00:00

首先上个我做的demo,看看这个功能有多强大。这本文中也会教大家如何去制作一个简单的demo,通过demo可以很快的了解到本文所要学习的内容。此demo源文件在文章末尾。第一步:我们新建一个矩形,设置成水平Drag属性,同时打开顶部的Drivers;

principle_07

 

此demo源文件在文章末尾

 

Drivers含义:

 

principle_02

看我做份封面图,做过动画的都知道,这是几个“关键帧”的图像,也是Principle的Drivers图标,作者的意图是这个功能是一个设置关键帧的功能。

我这里理解成“驱动器”,当一个物件(组)是Drag、Scroll、Page时,此物件(组)的位移可以驱动物件的属性改变,可以改变自身属性,也可以改变其他物件属性。属性改变的程度和范围,就是由“关键帧”决定的。

 

我们来做一个简单的demo来看一下

第一步:我们新建一个矩形,设置成水平Drag属性,同时打开顶部的Drivers;

如图:

principle_01

画板大小:400*300

 

第二步:选中我们建立的矩形 ,点击Drivers窗口中那个蓝色“ ”号,弹窗中选“Height”:

principle_03

(选择“Height”的意思是:图中矩形“Layer”水平位置可以决定“Layer”(他自己)的“Height”属性的值)

 

第三步:将坐标轴从200的位置拖到0的位置,并点击“增加关键帧”的那个“ ”号;

principle_04

(拖动坐标轴时,矩形会随之移动的)

 

第四步:将矩形“Layer”的高度“Height”值设置为200,并垂直居中;

principle_05

 

动画效果如下:

principle_06

 

这样我们就做到了前面所说的定义:“当一个物件(组)是Drag、Scroll、Page时,此物件(组)的位移可以驱动物件的属性改变,可以改变自身属性,也可以改变其他物件属性。”

那么如何做到A物件的位置改变驱动B物件的属性改变呢?大家自己动手试试吧,原理是一样的,紫豆子这里附上了本次教程的所有源文件,大家公众号内回复:源文件0201 即可获得云盘链接。

本次课程结束,对于Principle的教学也告一段落了,此系列教程已经涵盖了所有Principle中的功能与动画制作理论,谢谢大家对本教程的关注。

 

相关课程:

《手把手教你安装Principle》

《Principle软件介绍及教程合集!》

《五天Principle从入门到精通01-简单的Toast动画制作》

《五天Principle从入门到精通02-Sketch的导入》

《五天Principle从入门到精通03-动画的基本逻辑》

《五天Principle从入门到精通04-模仿饿了么下拉加载动画》

《五天Principle从入门到精通05-复现淘票票高保真原型》

《Principle精讲——Scroll、Drag、Page区分》

Principle for Mac Principle是前Apple工程师打造的一款交互设计工具,五分钟即可制作出一个具有完整交互动画的原型,并且可将交互动画生成视频或者Gif分享到社交平台。;您可以免费下载。 英文 · 5.00 MBM ·

热点资讯

更多
英特尔正与台积电接洽,虑将部分芯片生产外包给台积电 近期英特尔因7nm制程落后、苹果M1芯片冲击等压力,被曝正与台积电接洽将芯片制造业务外包,从而可投入更多资源至芯片设计。
苹果iPhone 12国行上季度热卖:拿下20%份额 销量达1800万 2020年第四季度iPhone 12系列在中国大陆销量达1800万部,苹果智能手机份额回升至20%。文章梳理了其销售结构与2021年面临的安卓旗舰竞争压力。
高通斥资约90亿收购芯片公司NUVIA 前苹果芯片架构大神加盟 2021年1月13日高通以14亿美元收购芯片初创公司Nuvia,旨在将其定制ARM架构技术用于智能手机、笔记本及汽车处理器,并减轻对Arm依赖。
大公司晨读:B站计划3月港股上市;苹果斥资1亿美元力促种族平等 本文汇总了近期多项科技动态,包括B站拟在港上市、苹果斥资推动种族平等、富士康与吉利合资电动汽车、英特尔任命新CEO、高通收购Nuvia挑战苹果英特尔,以及外交部回应美胁迫禁用中国5G设备。

相关教程

更多
官网上线家居板块,苹果在智能家居市场能掀起多大水花 苹果中国官网近日上线“家居”板块并引入第三方配件,文章分析HomeKit生态在华发展缓慢的原因,指出其产品线窄与兼容性差等挑战。
2022年国内手机市场回顾:寒气传递到每个厂商,华为苹果抢占新高地 2022年国内手机市场出货量同比大幅下滑,本文从折叠屏逆势增长、联发科切入旗舰与卫星通信创新等角度分析厂商破局路径。
苹果不玩性能了?传iPhone15芯片或更注重电池续航而非性能 外媒爆料称iPhone 15系列将搭载注重能效的A17芯片以改善电池续航,全系可能标配灵动岛设计,Pro版采用3nm工艺,并或因欧盟规定改用USB-C接口,定价策略也有调整传闻。
步子太大?工程设计失误或成A16升级不大的诱因 文章分析了苹果A16仿生芯片GPU性能未达预期、被骁龙8反超的现象,指出原型功耗过高砍掉新功能及人才流失是主要原因。

相关软件

  • Principle for Mac 英文. 5.00 MBM · Principle是前Apple工程师打造的一款交互设计工具,五分钟即可制作出一个具有完整交互动画的原型,并且可将交互动画生成视频或者Gif分享到社交平台。;您 ...