您现在的位置是：首页 > 设计知识设计知识
axure成品展示,axure页面流程图
网一2022-11-23 10:55:37设计知识38人已围观
简介axure成品展示,axure页面流程图python平台的商品详情页也差不多，有一个模块肯定是少不了的，那就是商品地图展示区。这里主要说明显示区域的一些小效果。如果你是第一次学习“AxureRP”，可
python平台的商品详情页也差不多，有一个模块肯定是少不了的，那就是商品地图展示区。这里主要说明显示区域的一些小效果。
如果你是第一次学习“Axure RP”，可以点击这里免费试用Axure RP的最新课程。
工具/软件
硬件型号：神舟神舟Z7-DA7NP
版本：Windows7
所需软件：Axure RP
方法/步骤
第1步
网上找一些图片资料。应该分两批，一批大图，一批小图(如果不想自己找，文末有材料附件)
第2步
首先拖入一个动态面板，命名为D，大小为387121。将小图片按顺序排列，根据美观程度独立调整图片间距，如下图：
在
第3步
，进入D的状态1，选择所有缩略图并将其转换为动态面板，命名为d1。d1显示所有五个缩略图，而D显示四个缩略图，如下图所示：
第4步
在d1中拖动一个矩形框，外框设置为红色，颜色设置为透明，如下图：
第5步
将大图放在小图上面，转换成动态面板，命名为d_big，如下图：
第6步
分别说出五个小图的名字：小_1，小_2，小_3，小_4，小_5。设置鼠标移入和移出事件。鼠标移入，设置红色轮廓(名为wk_red)，移动到小图的坐标位置(x，y)。这里，函数[[LVAR1]
第7步
在缩略图两侧画左右箭头，点击左箭头将d1向左移动一定距离，点击右箭头将d1向右移动一定距离，左距离为负，右距离为正。请参考下图：
第8步
效果预览
能力提升
第1步
以下几种达到这种效果的方法，不是最简单的，也不是最完美的，而是最基本的方法。这个实现方法简单易懂，还有其他方法实现起来比较复杂，在最终效果上更真实更方便。这里不做特别说明。我们自己下去学习吧。
Ps:原型制作只是一种工作手段，不需要花太多精力在上面。不过，多了解一些总是好的。
第2步
先拖进一个大小为200200的矩形框。背景色设置为# 66666，透明度50%，命名为follow_1。然后按住ctrl键，将其中三个复制出来，分别命名为follow _ 2、follow _ 3、follow _ 4，如下图：
第3步
在画布的空白区域，拖动到文本框中，如下图所示。四个文本框分别命名为：follow_1_x，y，follow_2_x，y，follow_3_x，y，follow _ 4 _ x，y。
第4步
设置页面加载事件，获取follow_1~4的坐标值。
第5步
拖入动态面板，命名为j_big。将动态面板中的四张剪切图片按顺序排列，如下图所示。
第6步
设置鼠标悬停事件，当鼠标处于不同区域时，显示不同的标记跟随。设置如下：
第7步
当设置了不同的跟随显示时，右侧相应的画面也会改变。
注意/提示
以上是“Axure对产品详情页产品图纸显示效果的描述”的全部内容。想了解更多，可以关注一下。我们每天都会为您带来更多软件相关的知识，供您参考。
Tags：
很赞哦！ ()