Axure8初识中继器的一个小练习

小白。第一次写,所以写的简单些。目的只是稍微了解下中继器的一点点概念。

直接上效果图。


Axure8初识中继器的一个小练习_第1张图片
类似回帖的一个内容框和头像

01.

从部件库拖入一个中继器,然后双击中继器进入相应界面。


Axure8初识中继器的一个小练习_第2张图片
01-1


Axure8初识中继器的一个小练习_第3张图片
01-2

02.

更改上图01-2中的内容,且给相应的部件命名(一个图片框,三个文本标签。之后会需要)


Axure8初识中继器的一个小练习_第4张图片
02-1


Axure8初识中继器的一个小练习_第5张图片
02-2

03.

完成上面的步骤,再选择index的界面,会看到如下界面。


Axure8初识中继器的一个小练习_第6张图片


04.

下面设置中继器的相应内容。单击03-1,选择右边属性->中继器。


Axure8初识中继器的一个小练习_第7张图片
04-1


Axure8初识中继器的一个小练习_第8张图片
04-2

05.

添加用例。双击每项加载时(OnItemLoad),选择设置文本


Axure8初识中继器的一个小练习_第9张图片
05-1

注:一个一个设置,勾选一个,在下面“fx”中设置相应函数

设置图片。如图,单击图片,然后同上,添加用例,设置图片,添加函数。


Axure8初识中继器的一个小练习_第10张图片
05-2

06.

预览。

见效果图。

综上:刚刚了解中继器,找了一些小练习,然后自己做的时候有点不一样,所以会和大神们写的不适很一样(因为我没搞懂)。只是简单的可以实现效果图,会继续学习,慢慢了解更多。

你可能感兴趣的:(Axure8初识中继器的一个小练习)