Axure自定义元件
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自定义元件相关推荐
- Axure 自定义元件库
点击文件 -> 新建元件库 可以添加多个元件,并将期重命名 保存元件库 新建页面 添加元件,选择自建的元件库 导入后就会发现我的原件库 这样就可以使用我们自定义的元件库了
- 解决Axure的元件库中部分原件不可使用的方法
Axure的元件库中部分原件不可使用 使用Axure元件库的时候,发现有些基本元件消失不可使用了,这时候只要重新载入就好了 操作如下: 点击加载库 然后找到Axure RP 8\DefaultSett ...
- pscad c语言程序,pscad自定义元件.doc
pscad自定义元件 在PSCAD中要实现新的算法,首先要建立一个自定义元件.自定义元件分为两种,一种是电气元件,一种是信号处理元件.本帖实现的内容是一个非线性电感,其电感值随着电流大小而变化,属于电 ...
- 在Fritzing中创建自定义元件
topic 参考地址: 第1步:收集所有信息 图1. 数据表中的元件尺寸 图2. ML8511分线板 图3. 所需尺寸 第2步:面包板视图 图4. 主窗口 图5. 文件属性窗口 图6. 新矩形 图8. ...
- 在Fritzing中创建自定义元件(最终修改)
topic 在Fritzing中创建自定义元件 **软件** **第1步:收集所有信息** **第2步:面包板视图** **第3步:原理图视图** **第4步:PCB视图** **第5步:创建Frit ...
- Fritzing 创建自定义元件
文章目录 完成的元件 由矢量图创建元件 由图片创建元件 注意 完成的元件 由矢量图创建元件 使用inkscape来编辑所需的矢量图svg 从已有元件中编辑另存为自定义元件,右键编辑. 简单的面包板元件 ...
- Axure教程:如何使用Axure中继器元件?
使用之前 在使用之前,我们总得搞清楚我们将要使用的元件是什么东西. 据Axure官网介绍,中继器是一种用于展示模式重复的文本或图标的元件.没看懂?不急,我们先看一下效果演示,然后再一步步把这个效果做出 ...
- axure 导入元件库显示不出白框_AXURE免费元件库分享-web
分享个WEB端axure元件库 下面是元件库地址:链接:https://pan.baidu.com/s/1jq_EHEVG_ke9eFyNV--D7g 提取码:4oli 复制这段内容后打开百度网盘手机 ...
- Axure导入元件库的两种方式-附完整元件库
Axure导入原件库有两个方式: 一.通过工具导入 在Axure面板中的库点击如下所示的图标,然后选择载入元件库 二.复制元件库到软件安装目录下的DefaultSettings\Libraries下 ...
最新文章
- 深入浅出Rust-Future-Part-5.md
- 【初探移动前端开发02】移动设备的页面
- 修改centos等linux的hostname-永久生效
- 前端学习(3166):react-hello-react之鼠标移入效果
- mysql导入100000000需要多久_mysql做千万条压测数据
- 当前最热门的编程语言python_2020年度最热门的编程语言盘点
- RT-Thread Studio开发GD32VF103
- 基础物理-物质的组成
- gps网络对时Linux,GPS 网络对时设置 详细版.doc
- 【使用教程】教你如何拼接多张图片
- pip 安装 nexmo
- Redis的RDB与AOF持久化机制
- 【华人学者风采】余家国 武汉理工大学
- python编程代码画画_如何用python编写一个绘制马赛克图像的自写程序
- GC8872 Globalchip国产低成本电机驱动芯片,可替代TI的DRV8872 一款具有故障报告功能的 3.6A 刷式直流电机驱动器(PWM控制)
- 博客凉凉,备份新浪博文图片或留下博友的评论要抓紧
- Android:程序锁功能的简单实现
- 详解Python-Numpy库的函数diagonal()【并附函数diagonal()与函数diag()的区别】
- Python的@装饰器是干什么用的?
- python的介绍和及基本的使用