各位老铁!昨天凌晨,我们更新了一个大大大版本!其中 [ 引用组件 ] 是这次更新的重头戏。

这是一个用户们呼唤已久的功能,大家不止一次地跟我们提到了需要 [ 母版 ] ,我们也一直在思考在xiaopiu上应该以怎样的方式去解决项目中组件复用和维护的问题。现在,我们给出了我们的解决方案——[引用组件],下面我来给大家认真介绍一下!~

什么是引用组件?

引用组件是用户可以在项目中统一管理的组件模板,修改一处就可以同步更新所有用到该组件的地方。同时,还可以对各个实例进行文本、图标、图片、状态等信息替换,大大增强了模板的复用性。

一句话简单介绍就是 —— Axure [ 母版 ] 的加强版!!!



它能做什么?举几个栗子!

状态栏 ——( 静态组件模板)

[引用组件]最常用的场景莫过于全局都长一个样的组件,比如:状态栏!



底部导航 ——( 动态组件模板)

底部导航并不是完全静态的组件,它拥有多个不同的选中状态。利用 [ 引用组件] 的 [ 内容替换] 可以在外面修改导航状态,就能实现一个动态的底部导航模板啦!




顶栏 ——( 自定义配置满足多种需求)

我们常用的顶栏有标题和左右两个图标,但左右两个图标并不是一直存在,也可能显示为不同图标。这个也难不倒我们的引用组件:首先创建一个完整形态的顶栏,左右两个图标各自创建一个[hide]状态,在[hide]状态下将图标隐藏,然后将两个图标分别切换回原始态。这样,我们就做好了一个可换文案、图标、以及控制图标是否显示的高级顶栏模板!



列表项 ——( 样式复用,内容可替换)

APP中最常用的就是各种各样的列表项了。以前,我们都是做好一个列表项,然后复制粘贴为多个,分别修改图片和文案。但是,如果你想把标题字体大小改一下,你想把列表项背景色改一下,你发现少了一行时间信息,怎么办?挨个重新改一遍吗?在这里,隆重推荐给你[引用组件]!创建一个引用组件列表项,复制多个,分别在右侧 [内容替换] 模块修改文案和图片,分分钟搞定。




容器 —— (所有状态同步移动)

之前有很多用户反馈,给某个组件创建N个状态,移动的时候,它的所有状态不能一起移动,得挨个移动,很麻烦!现在有了引用组件,你可以把这样的状态组件设置为引用,这时候它就相当于一个小容器,就可以实现所有状态一起移动啦!




怎么创建?怎么使用?

1、选中组件;
2、在右侧编辑面板设置组件为引用;


3、引用组件会生成到左侧[引用组件]面板中,可以在项目中随时拖拽生成。
4、右侧内容替换可以修改引用实例的文本、图标、图片和状态。


5、双击进入引用编辑模式可以对引用组件进行编辑,编辑完成所有地方都会生效。




以上就是我们的 [引用组件],大家赶紧在项目中用起来吧!欢迎留言跟我们反馈你们的使用感受哟,笔芯!