设置图片、文本

设置图片、文本

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Axure

作者：谢雅杰

撰写时间：2021/6/7

1、在元件库找到iPhone Bodies All,拖出需要用到模型即可，里面有十几款，任意选一款。只要你觉得看的顺眼就行。

2、在Axure低保真组件库，搜彩蛋就能找到电池电量，下面就是一个组合，相当于页面的顶部导航。

3、元件库拖出图片，双击到导入图片的页面，选择你喜欢的图片即可，在拖出一级标题，敲成图片的名称。

4、拖出矩形，填充颜色，在拖出图片拖出一个复制两个。每个图片都要不一样的。想要什么图片就自己选择。鼠标双击图片跳到导入图片的页面，选择图片即可。

5、现在可以开始交互用例了，鼠标单击时添加动作中找到选中，设置选中状态于配置动作中的当前元件。

6、还是刚才步骤，这次添加动作就选择设置图片，从配置里找到一开始第一个拖出的图片，开到配置的下面还有五个选择，选择第一个Default，里面有两个2选择，一个是图片，还有一个是值，现在我们就选择图片就行了，然后点击导入，就会跳转到图片的页面，这时就选择图片就好了。

7、最后一步就是设置文字了，添加动作里找到设置文字，再从配置动作里找到刚一开始拖入的一级标题，看到下面有一个设置文本为，里面右是个选项，分别是“值、富文本、变量值、变量值长度、元件文字、焦点元件文字、元件文字长度、被选项、选中状态和面板状态。我们选择富文本就行了，跳转到编辑文字的页面，名称的话就自己想吧。

8、第二个也是那样，选中状态—当前元件—设置图片—选择一开始的大图—设置文字—一级标题—富文本—编辑文字

9、第三个也是如此，添加条件都是一样的，但配置动作就不一样了。

10、这样大部分就完成了，但别忘了预览（F5），预览过后才能看出做对了还是没做对。