2021-05-17

植物介绍卡

 

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

开发工具与关键技术： Axure

作者：谢雅杰

撰写时间：2021/5/17

1。第一步打开Axure，拖出元件库的图片到面板，再双击图片选择你想要的图片即可。

2.第二步拖出元件库的矩形2，罩在图片上方

3.第三步从元件库里拖出二级标题，我找的图片是栀子花，栀子花的话语是“一生的守候，枝叶365天不会凋落花朵经过三个季节才开花，永恒的爱，坚强，守候，喜悦”。

4.第四步调整矩形2的透明度，我把矩形的透明度调整到50%。把文字和矩形建一个组，组合名称叫蒙版，然后就把这个组给它隐藏了。

5.第五步交互样式，找到鼠标移入时，在添加动作里找到设置尺寸，从配置动作了找到要添加的元件。锚点选择中心，动画选择线性，宽和高就自己决定。

6.植物介绍卡中，图片在预览的时候会放大尺寸，所以就会用到设置尺寸这个动作，配置动作就要找到一开始我们拖进去的图片。

7、再从添加动作中找到元件下的显示与隐藏，选择显示，再从配置动作中找到需要显示的元件，需要显示的元件是刚才设置的组，名称也给了，是蒙版。

8、做到这了别忘了把动态面板的“自动调整为内容尺寸”别勾。

9、鼠标移入时设置完了，接下来就是鼠标移出时了，鼠标移出时的步骤是一样的，但需要改的一个都不能少，要不然就做毁了。设置尺寸是一样的，但不一样的是尺寸是开始图片的尺寸，中心，线性都一样。

10、接下来是显示和隐藏了，移入时是显示，现在移出时是隐藏，同样也是逐渐。

11、把做好的植物介绍卡多复制一个，只需要把图片改一下就可以了。