Axure自定义元件及元件库

  • 前言
  • 一、创建元件库及元件
    • 1、新建页面(作为元件库)
    • 2、在页面中编辑内容(创建元件)
    • 3、根据需求给元件绑定相关事件
    • 4、给元件库命名
    • 5、保存元件库
  • 二、导入元件库
    • 1、将我们创建的元件库导入软件中
    • 2、添加元件库
  • 三、使用元件库及元件

前言

当软件自带的元件没有办法满足我们需求的时候,我们便可以自定义。以 ‘自定义【删除弹窗】元件’ 为例

一、创建元件库及元件

1、新建页面(作为元件库)

2、在页面中编辑内容(创建元件)

(1)添加容器元件(自定义)

(2)添加按钮(自定义)

(3)添加“水滴标记”元件

(4)调整样式:修改按钮的内容及颜色等属性(自定义)

(5)设置层级:将按钮的等级设置为最上面

(6)统一填充色,保持背景色一致:将“水滴”与步骤(1)中的底层容器设置为同一个颜色,并去掉自带的阴影

(7)调整容器样式:设置容器的阴影(方便在白色背景下也能看出效果)和(去除)边框线

(8)根据自己的需求对元件的大小、内容等进行调整

(9)将所有的元件与内容绑定到一起,一个完整的元件就设计好了

3、根据需求给元件绑定相关事件

(1)以“删除”按钮的“单击时”为例

(2)设置元件动作及变化时的效果

(3)以“隐藏”元件时向左消失为例

4、给元件库命名

(1)选中页面,右键—>重命名

5、保存元件库

二、导入元件库

1、将我们创建的元件库导入软件中

2、添加元件库

(1)按图操作

(2)选择元件库

(3)元件库中就有我们的元件库信息了

三、使用元件库及元件

找到对应的元件库,从库中选择元件即可

Axure自定义元件相关推荐

  1. Axure 自定义元件库

    点击文件 -> 新建元件库 可以添加多个元件,并将期重命名 保存元件库 新建页面 添加元件,选择自建的元件库 导入后就会发现我的原件库 这样就可以使用我们自定义的元件库了

  2. 解决Axure的元件库中部分原件不可使用的方法

    Axure的元件库中部分原件不可使用 使用Axure元件库的时候,发现有些基本元件消失不可使用了,这时候只要重新载入就好了 操作如下: 点击加载库 然后找到Axure RP 8\DefaultSett ...

  3. pscad c语言程序,pscad自定义元件.doc

    pscad自定义元件 在PSCAD中要实现新的算法,首先要建立一个自定义元件.自定义元件分为两种,一种是电气元件,一种是信号处理元件.本帖实现的内容是一个非线性电感,其电感值随着电流大小而变化,属于电 ...

  4. 在Fritzing中创建自定义元件

    topic 参考地址: 第1步:收集所有信息 图1. 数据表中的元件尺寸 图2. ML8511分线板 图3. 所需尺寸 第2步:面包板视图 图4. 主窗口 图5. 文件属性窗口 图6. 新矩形 图8. ...

  5. 在Fritzing中创建自定义元件(最终修改)

    topic 在Fritzing中创建自定义元件 **软件** **第1步:收集所有信息** **第2步:面包板视图** **第3步:原理图视图** **第4步:PCB视图** **第5步:创建Frit ...

  6. Fritzing 创建自定义元件

    文章目录 完成的元件 由矢量图创建元件 由图片创建元件 注意 完成的元件 由矢量图创建元件 使用inkscape来编辑所需的矢量图svg 从已有元件中编辑另存为自定义元件,右键编辑. 简单的面包板元件 ...

  7. Axure教程:如何使用Axure中继器元件?

    使用之前 在使用之前,我们总得搞清楚我们将要使用的元件是什么东西. 据Axure官网介绍,中继器是一种用于展示模式重复的文本或图标的元件.没看懂?不急,我们先看一下效果演示,然后再一步步把这个效果做出 ...

  8. axure 导入元件库显示不出白框_AXURE免费元件库分享-web

    分享个WEB端axure元件库 下面是元件库地址:链接:https://pan.baidu.com/s/1jq_EHEVG_ke9eFyNV--D7g 提取码:4oli 复制这段内容后打开百度网盘手机 ...

  9. Axure导入元件库的两种方式-附完整元件库

    Axure导入原件库有两个方式: 一.通过工具导入 在Axure面板中的库点击如下所示的图标,然后选择载入元件库 二.复制元件库到软件安装目录下的DefaultSettings\Libraries下 ...

最新文章

  1. 深入浅出Rust-Future-Part-5.md
  2. 【初探移动前端开发02】移动设备的页面
  3. 修改centos等linux的hostname-永久生效
  4. 前端学习(3166):react-hello-react之鼠标移入效果
  5. mysql导入100000000需要多久_mysql做千万条压测数据
  6. 当前最热门的编程语言python_2020年度最热门的编程语言盘点
  7. RT-Thread Studio开发GD32VF103
  8. 基础物理-物质的组成
  9. gps网络对时Linux,GPS 网络对时设置 详细版.doc
  10. 【使用教程】教你如何拼接多张图片
  11. pip 安装 nexmo
  12. Redis的RDB与AOF持久化机制
  13. 【华人学者风采】余家国 武汉理工大学
  14. python编程代码画画_如何用python编写一个绘制马赛克图像的自写程序
  15. GC8872 Globalchip国产低成本电机驱动芯片,可替代TI的DRV8872 一款具有故障报告功能的 3.6A 刷式直流电机驱动器(PWM控制)
  16. 博客凉凉,备份新浪博文图片或留下博友的评论要抓紧
  17. Android:程序锁功能的简单实现
  18. 详解Python-Numpy库的函数diagonal()【并附函数diagonal()与函数diag()的区别】
  19. Python的@装饰器是干什么用的?
  20. python的介绍和及基本的使用

热门文章

  1. 百度云盘为什么空间那么大
  2. !important用法
  3. Command Msiexec Install
  4. 传送机制以及ACK机制详解
  5. linux子程序标识符,linux过程标识符详解1
  6. Android系统ODEX文件格式解析
  7. 前端知识点(1)——preventDefault和stopPropagation
  8. 蓝桥杯算法提高 分数统计
  9. pytorch中的parameters
  10. midjourney指令笔记+踩坑日记+gpt论文润色指令