建立自己元件库(一)——轮播图.pdfVIP

建立自己的元件库 （一 ）——轮播图 在绝大多数产品经理的工作中 ，都需要画 型 ，有许多组件都是重复使用的。例如做app时 ，上拉加载、下拉刷新的效果 ，轮播图效果等等。对于这些重复使用率较高的组件 ，我们可 以建立一个自己的元件库 ，然后把它们做成元件 ，方便重复使用。 笔者是个新人 ，正在建立扩充自己的元件库 ，希望把这个过程写成文章 ，与大家分享。我用的 是Axure8.0 ，可能文中的某些操作 ，7.0不支持 ，但制作思路基本相同。 前置条件 ： 在元件库中选择创建元件库 ，注意这里不是新建一个rp文件 ，如下图 ： 元件名称 ： 仿京东轮播图 功能描述 ： 1. n张图片间的定时切换 ，鼠标进入停止切换 ； 2. 点击上一张、下一张切换图片 ； 3. 点击页码切换到相应图片。 方法/步骤 ： 第一步 ：画出对应的组件 在这里我们需要一个存放图片的动态面板、一个存放页码的动态面板和上一张/下一张按钮。 1、拖进1个动态面板 ，名称为“图片存放” ，在此面板中建立5个状态 ，用来存放5张图片。 2、拖进1个动态面板 ，名称为“页码标识” ，在此面板中建立5个状态 ，用来存放页码的选中态。 在St at e1中拖进1个矩形 ，颜色设为白色 ，透明度30% ，作为背景。 拖进5个矩形 ，作为页码 ，设置“1”背景色为