经验分享 未读
Origami入门教程4:创建一个小组件是时候来创建我们的第一个小组件啦。Origami的一个特色功能就是能够创造小组件。我们可以将任何的元素添加为小组件。
创建小组件我们首先需要选中我们需要创建小组件的图层,然后右键单击选择创建小组件。
设置完名称之后,我们就能够看到小组件了。
与小组件通讯小组件是需要通过开放端口通讯的,这与你家里 ...
经验分享 未读
Origami入门教程3:滚动与分页滚动移动端页面我们经常会涉及到滚动,我们常见的滚动方式一种是自由滚动,一种是分页滚动。
自由滚动自由滚动在Origami中还是比较容易做到的,只要给上层组添加一个Scroll交互Patch即可。注意,设置的ScrollY后,这个组就需要PositionY为0。我现在的项目是Group有个隐形的矩形所以从 ...
经验分享 未读
Origami入门教程2:元素变化(Transition)和动画(Animation)我们已经掌握了页面切换了,那么接下来我们就可以尝试进行一些页面简单的交互设计。Transition是我们最常用的交互逻辑,比如我们要改变位置、尺寸等都是需要Transition。当然控制Transition之前我们需要添加一个Switch,这样在我们改变Switch之后,Switch可以触发Tran ...
经验分享 未读
Origami入门教程1:导入图层与页面的切换Origami Studio是Meta出的一个交互原型的制作软件,我之前用过Principle,它的滚动动画的编辑方式令我印象深刻。而Origami使用了一种类似模块的原型编辑方式。这有点像Unity开发,也像3d材质贴图和Homeassistant自动化的设置逻辑。在初步体验下来,感觉灵活度和自由 ...