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

步骤:

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

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

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

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

①选择创建元件库

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

③再次打开axure时,可发现元件库中多了新创建的元件库:

axure元件制作-常用开关相关推荐

  1. web元件库/axure元件库/常用web组件/常用表单/导航栏/边框/图标/日期时间选择器/评分组件/穿梭框/输入框/步骤条/

    web元件库/axure元件库/常用web组件/常用表单/导航栏/边框/图标/日期时间选择器/评分组件/穿梭框/输入框/步骤条/ Axure原型演示及下载地址请点击:https://www.pmdan ...

  2. web元件库/常用web组件/常用表单/导航栏/边框/图标/日期时间选择器/评分组件/穿梭框/输入框/步骤条/计数器/输入框/Axure原型/axure元件库/rp原型/交互控件/五星评分器/导航框架

    web元件库/axure元件库/常用web组件/常用表单/导航栏/边框/图标/日期时间选择器/评分组件/穿梭框/输入框/步骤条 /交互控件:单/多选框.输入框.计数器.选择器.级联选择.滑动开关.滑块 ...

  3. axure rp制作输入法_Axure教程丨制作自己的Axure元件库

    接触Axure有一点时间了,每次进行原型设计都需要载入好多个元件库或打开之前做的原型复制元件,不仅浪费时间而且缺少规律,所以决定整理一个自己常用的Axure元件库,以便之后做原型设计时可以快速调取.看 ...

  4. web元件库、axure元件库、通用元件库、常用web组件、常用表单、框架、数据表单、导航栏、边框、图标、列表、日期时间选择器、评分组件、穿梭框、输入框、步骤条、图表组件、数据可视化、后台模板、时间轴

    web元件库.axure元件库.通用元件库.常用web组件.常用表单.框架.数据表单.导航栏.边框.图标.列表.日期时间选择器.评分组件.穿梭框.输入框.步骤条.图表组件.数据可视化.后台模板.时间轴 ...

  5. axure元件库 文件上传_手把手教你打造一套属于产品经理自己的元件库

    之前有篇文章聊完了如何打造一套属于自己的原型图设计规范,今天咱们来聊聊如何打造一套属于自己的元件库. 毕竟,每个追求效率的PM,总会拥有一个专属自己的Axure元件库,并不断打磨优化. 今天就教大家一 ...

  6. axure 元件_Axure动态面板(上下左右滑动页面)

    (2月24日更新)B站视频版教程:https://www.bilibili.com/video/av80136342/ 手机端交互中,页面的上下左右滑动是常用的交互形态,今天给大家分享一下如何使用Ax ...

  7. 如何用Axure快速制作APP交互原型

    对于产品经理来说,熟练使用一些常用软件是一项十分必要的技能.其中,作为一个专业的快速原型设计工具,Axure RP无疑在产品人心中拥有一个难以撼动的地位.但就要PS一样,虽然足够专业,但同样也会存在使 ...

  8. Axure RP使用攻略--入门级(七)之axure元件使用思路的补充

    我们曾经对axure线框图基本元件进行过说明,现结合这我对这些元件的使用习惯,对部分元件的使用,再做一些补充. 1. 图片:可以编辑悬停.按下时候显示不同的图片,做图片的一些特殊效果. 2. 文本(l ...

  9. Axure 名片制作

    Axure 名片制作 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术: Axure RP 8 作者:苏恩祺 ...

最新文章

  1. matlab求解集合覆盖问题,贪心算法实践之集合覆盖问题
  2. Eclipse使用Android2.3和3.0的SDK
  3. 干货!Elasticsearch性能优化实战指南
  4. error C2440 “static_cast” 无法从“void (__thiscall CPppView )(void)”转换为“LRESULT (__thiscall
  5. C++关键字--volatile
  6. [转]Mysql explain用法和性能分析
  7. Spring4-@PostConstruct和@PreDestroy注解的使用
  8. OLE 操作Excel 祥解
  9. 那些年,我玩过的操作系统
  10. 微软私有云服务器,微软私有云
  11. 少年派背后的故事 NVIDIA令其栩栩如生
  12. android 仿百度地图,仿百度地图街景实现
  13. 不打开Excel文件直接读取数据
  14. Ubuntu系统垃圾清理
  15. 酷派7296刷机包 高仿IOS美化 细节精仿
  16. 树莓派(二) adb命令控制手机拨打/接听电话
  17. 百度小程序第三方平台开发,一整套流程
  18. Android 人脸识别了解一下 (上)
  19. 新手使用微信引流脚本,这两点你一定不能忽视
  20. 个性化学习之自适应测试[Adaptive Test]

热门文章

  1. python提取微信聊天语音_GitHub - dennischancs/wechat-asr: 微信语音批量转文字 python编写 用百度智能云短语音识别API实现 windows下的使用...
  2. ps如何将图片转化成线稿 简单版
  3. ARP协议及局域网断网攻击(scapy)
  4. 批量抠图,只需要这几行python代码!
  5. cocos2d-x Touch 移动精灵
  6. 【burpsuite安全练兵场-服务端8】文件上传漏洞-7个实验(全)
  7. MSM8998(高通835处理器)外接指纹识别传感器linux驱动如何与设备树进行匹配
  8. 笔记本应用电视机屏幕看电影
  9. 华为服务器rh2285v2重装系统,安装Windows_Server_2012_R2(RH2285_V2).doc
  10. 帝国cms缩略图:网站不同地方生成不同的缩略图