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 六个人了啊,哈哈哈哈

你可能感兴趣的:(fusetool 里面的 ActivatingAnimation 使用理解)