我是靠谱客的博主 腼腆皮卡丘,最近开发中收集的这篇文章主要介绍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自定义元件前言一、创建元件库及元件二、导入元件库三、使用元件库及元件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(50)

评论列表共有 0 条评论

立即
投稿
返回
顶部