axure元件制作-常用开关

时间:2024-03-20 07:23:40

利用axure制作APP端常用图标-开关元件,并添加至元件库

步骤:

1、从iconfont 图标库中选中关闭按钮元件,复制至“axure”中,选中该“关闭按钮”元件,设置“交互样式-选中”,导入代表开启状态的元件图片:

axure元件制作-常用开关

2、选中“关闭”按钮,设置鼠标单击时事件,添加动作“切换选中状态”,组织动作“选择当前元件”;

axure元件制作-常用开关

3、预览在浏览器中的效果,即为开关切换效果:点击关闭按钮变成开启状态,再次点击恢复原状态;

4、将做好的元件添加至元件库,以便日常使用:

①选择创建元件库

axure元件制作-常用开关

②给新创建元件库命名,点击确定后会自动创建一个新的页面,将创建的原件复制过来即可,注意点击关闭时,选择保存:

axure元件制作-常用开关

axure元件制作-常用开关③再次打开axure时,可发现元件库中多了新创建的元件库:

axure元件制作-常用开关