(资料图片)
今天小编为大家介绍一个MasterGo全新上线的强大功能——组件属性。
组件属性是基于原有组件的已有能力,添加一个暴露到最外层的自定义功能。它有三点好处:首先,它可以减少组件的数量,从而便于快速查找和管理;其次,你可以更直观地判断,当前组件有哪些地方能被你自定义,从而提升实例修改的效率;最后,组件属性功能直接沿用了开发逻辑,所以对接开发时可以降低沟通成本。
组件属性按功能可以划分为3种:显示状态属性、文本内容属性和实例切换属性。
首先,“显示状态属性”可以自定义某个图层的显示或隐藏。我们用一个【关注】按钮组件举例,选中图标后,点击右侧图层版块中的「关联组件属性」按钮,就会出现一个弹窗。我们在属性名称中写上【显示图标】,就完成了对这个属性的描述,默认值就是定义默认的属性选择。点击创建属性后,我们会发现,右侧多出来组件属性的版块。然后拷贝出实例,右侧的实例版块就会多出一个默认关闭的开关,这时我们在最外层就可以随时切换图标的显示和隐藏。
“文本内容属性”可以用来自定义文本图层的内容,具体添加步骤和“显示状态属性”一样。我们先选中按钮组件中的文本图层,然后在右侧文本内容版块中,点击「关联组件属性」按钮。创建属性后,我们拷贝出实例,就可以在右侧版块的输入框中任意修改文本了。
“实例切换属性”的作用就是快速替换组件的嵌套实例。比如这个【按钮】组件,已经嵌套了一个图标实例。我们想给组件加一个能快捷切换图标的功能。那就可以先选中内部的图标实例,然后在右侧实例面板中,点击「关联组件属性」按钮。创建属性后,右侧就会显示实例切换属性版块。我们拷贝出实例,就可以在最外层把图标快速替换成我们想要的图标。现在,我们可以把组件属性添加到任何组件集中了。
但有时候组件属性更方便,有时候组件状态更好用。那我们该如何灵活使用组件属性和组件状态呢?
首先,组件属性适用于这两类情况:当组件或组件集中有图层需要切换可见性,比如 "有图标" 和 "无图标";以及组件中需要自定义文本内容或者嵌套实例时。组件状态则适用于这两类情况:组件的主题需要变化,比如尺寸、颜色;和组件具备不同的交互状态。
以上就是小编分享的关于MasterGo组件属性的全部内容,感兴趣的设计师们都可以在MasterGo中试一下。未来,MasterGo 团队还会不断优化产品功能,给设计师提供更流畅、优质的设计体验。
关键词:
相关文章
-
掌握 MasterGo 组件属性:UI设计更高效的秘诀
-
川渝携手打造体育旅游休闲消费季,“跑遍四川”(巴中站)将在光
-
城市:天际线2开发者日志拓展视频:气候、季节等内容深度解读
-
1至7月我国汽车出口量创历史新高
-
塘厦镇全力构筑人才凤栖之地
-
@济南人!又一波消费券来啦!定好闹钟
-
穆迪下调多家美国中小银行评级
-
1-7月广东外贸出口再上新台阶突破3万亿元
-
这群文科生,只是看上去没用
-
北交所现首例国资收购成为新实控人,公告后各方股价齐涨
-
浅野雄也推射破门 札幌冈萨多1-0鸟栖砂岩
-
让老百姓喝上安全放心水 多措并举保障农村饮水安全
-
这个夏天,看电影的后劲有多大
-
环比、同比降幅均收窄!7月PPI同比下降4.4%
-
上里古镇在哪里哪里哪里是哪个省哪个市的(上里古镇在哪里)
-
中国一汽捐赠5000万支持灾区救援重建
-
2023年氟碳涂料板块上市公司有哪些?(8月12日)
-
上高街道学苑社区居民积极参与志愿服务 共建美丽幸福家园
-
阿里巴巴2024财年第一季度财报:营收2341.56亿元
-
通信行业深度报告:AI大模型落户矿山 智能化形成商业闭环
热点图集
-
1李扬:下一步中国资管市场的发展取决于大背景上信托业的发展
-
2西藏那曲市双湖县发生3.1级地震,震源深度10千米
-
3中信证券:后市预计新股将有序扩容,注册制对流动性影响有限
-
4努力让医保基金每一分钱都花得更值(政策解读)
-
5美股异动 | 获近2亿“救命钱” 每日优鲜(MF.US)续涨超28%
-
6苏黎世保险H1税后净利润不及预期 股本回报率达历史最高水平
-
7酷炫一夏!酷酷的海南《和平精英》启航酷世界狂欢节盛大启幕
-
8伟隆股份:公司转让控股子公司59.96%股权
-
9美国7月消费者价格指数13个月来首次上涨
-
10富临运业股东户数连续10期下降 筹码集中以来股价累计上涨13.06%