设置文本、图片小案例（动物）

设置文本、图片小案例（动物）

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

开发工具与关键技术：Axure RP8

撰写时间：2021/8/2

1.拉出手机素材

 

2.拉出状态栏素材

 

3.用矩形与文本做出导航栏

 

4.拉出图片，双击选择图片，设置尺寸为299*210，把图片备注改成da

 

5.拉出文本标签，打上“动物”，字体颜色为黑色，字体大小为18

 

6.拉出矩形，设置大小为320*158，填充#9999FF

 

7.拉出图片，双击选择图片，设置大小为95*133，把图片备注改成1

 

8.点击样式，设置圆角半径为9

 

9.点击属性，点击选中，勾选线段颜色，颜色为#CCFFFF，勾选线宽，选择较粗的线

 

10.双击鼠标单击时，点击设置图片，勾选“da”图，导入“1”图

11.点击设置文本，勾选“动物”文本，改成猪

 

 

12.点击选中，勾选当前元件

 

13.选中1图，复制出两张图，把2张图分别改成其他动物，备注分别改成2、3

14.点击2图，双击鼠标单击时，点击“设置da image to image”，导入2图

 

 

15.点击“设置文字于（矩形）=“猪””，改成猫

 

16.点击3图，双击鼠标单击时，导入3图

 

17.点击“设置文字于（矩形）= “猪”，改成羊驼

 

18.框选2、3图，取消勾选选中

 

19.框选1、2、3图，设置选项组名称为“kk”

 

设置文本、图片小案例（动物）就完成了

以下是预览