fusetool 里面的 ActivatingAnimation 使用理解

最近在仿写fuse官网提供的Example:PageControl

下载地址:https://www.fusetools.com/examples 

 fusetool 里面的 ActivatingAnimation 使用理解_第1张图片

先用代码给各位解析下大概逻辑:

主要有两个文件:一个配置style,一个是主界面逻辑。

Style.ux:

fusetool 里面的 ActivatingAnimation 使用理解_第2张图片

style是个这样的组件:他可以把同类型的同组件框下的组件属性统一赋值。逻辑上就是说,代码段虽然只有一块,却是每个被设置style的组件都会调用一次。

比如下面的主逻辑:

fusetool 里面的 ActivatingAnimation 使用理解_第3张图片

这里就是所有的page初始化的时候,都会调用Style。


下面说说这里我刚开始疑惑的地方:就是  ActivatingAnimation 这个组件。

【首先我要强调的是ux编写的xml不是完全顺序执行,我就踩入了这个坑,逻辑一直理不清】

 ActivatingAnimation 组件是个trigger,也就是触发器,每操作一次tap都会判断当前active的page,对该page 先触发这个触发器,然后再走Style。

当你tap小于可视图片的一半,active的还是当前的page。

这里就是对active的page先执行ActivatingAnimation 部分,其他page可以通过whileTrue判断,而执行该判断里逻辑部分

这篇没什么技术含量,就是担心有人会跟我一样以为所见即所得的xml界面逻辑都是顺序执行的。

谢谢阅览,学习交流群:429307812  六个人了啊,哈哈哈哈


你可能感兴趣的:(APP,fuse,ux,uno,fuseTool)