聊聊xiaopiu那些鲜为人知的惊喜功能(进阶篇)

小伙伴们好~ 还记得上周介绍的是原型工具中的基础效率型操作,帮助新来的小伙伴快速通过xiaopiu完成工作内容,传送门👉👉👉「聊聊xiaopiu那些鲜为人知的惊喜功能(基础篇)」

这一篇内容就是在基础上稍微进阶一点的部分啦~!包含特色功能点与更精细化的辅助技能,马了上一篇文章的记得这一篇也不要遗漏哟~!盘点细节,查漏补缺!


进阶篇


一、你了解的基础编辑操作中包括这些吗?


1、精确调整组件间距

选中任意2个及以上组件时,在右侧面板打开间距面板,就可以输入数值精确调整组件之间的间距大小了。因为可以批量调整多个间距,修改多个列表项的间距时简直不要太爽!~


2、可视化的阴影编辑

阴影功能升级以后变得十分高级,你不仅可以通过多项独立参数来精确调整阴影样式,还可以直接在面板上可视化拖拽调整阴影效果。更重要的是,这里还内置了4种常用阴影模板,让你一键切换想要的效果哟!~




3、快捷键 Ctrl(⌘):按住可查看组件间距

除了快速选中组件外,按住「Ctrl(⌘)」还可以快速查看组件间距,并且不受集合的层级限制!



4、保持原宽高比例,快速替换已有图片

除了基础上传图片的操作外,选中图片组件时,也可直接从本地拖拽图片到图片组件上添加/替换原图哟~ 拖拽进来替换的图片保持原比例自动智能裁剪!



5、跳转外部链接

常常有用户问xiaopiu怎么实现跳转外链,来来来,方法在这里:

1、新建一个空白页面,在页面上添加网页组件,输入网址;

2、设置从其它页面跳转到这个页面就可以啦。

P.S.:在该外链页面内手动设置一个「返回按钮」,还可以实现从外链页面返回到项目原型哟!



二、状态与事件里的这些小细节你get了吗


6、返回上一页

你只需要在组件的事件中将跳转页面设置为「返回上一页」,就可以实现返回上一个页面的效果了,从哪里来就回到哪里去。

Tips:如果项目中有多处需要返回逻辑,那你可以把返回按钮做成一个引用组件,设置好以后直接复制到所有页面,简直不要太方便!



7、重置页面为初始形态

在某个页面上常常会因为用户操作改变一些组件状态,比如修改了组件文案、弹出了弹层等,但我们希望从其它页面再次跳转回该页面时,该页面能够恢复到最开始的样子。

这时候你只需要在设置跳转事件时,打开「重置」按钮,就可以满足你的需求啦!



8、当前页「回到顶部」的效果是这样做出来的

点击按钮返回顶部是很多app和网页中长页面都会用到的功能。在xiaopiu中这样的功能怎么实现呢?你只需要两步操作,第一步将按钮设置为跳转到当前页面,第二步打开「重置」按钮,ok,大功告成!~



三、一般人不知道的使用小技巧


9、这样做全局弹窗,方便又好管理

除了用状态,这里再告诉你一个好办法来轻松做弹层!

将一个需在多处应用的弹窗做在单独的空白页面中,页面背景设置透明度,任意需要调取弹窗的页面选择添加跳转事件就可以完成了!~绝对高效好用又方便修改!

PS:弹窗内记得给需要关闭弹层的组件设置「返回上一页」的事件哟!



10、组件多个状态整体移动


之前有很多用户反馈,组件所有状态不能一起移动,得挨个移动,不方便~现在你可以把这样的状态组件设置为「引用组件」,这时候它就相当于一个小容器,就可以实现所有状态一起移动啦!



四、如何花样玩转我的个人库


11、基础组件库用着不顺手?行,自己定制!

嫌默认文本拖出来字太小?嫌矩形每次拖出来都是带背景色的?嫌线条每次使用都觉得颜色太深?没关系!基础组件库完全按照自己的需求自行定制!只要自己创建一个组件库,将自己喜欢的基础样式做好,保存进组件库就好了!操作起来跟官方基础组件库是完全一致的~!



12、团队共享规范

不是只有项目才可以协同,库也可以!做好的页面库、组件库协同给团队成员,既可以让团队统一规范,也可以一起把库打造成你们觉得最高效最顺手的组件库页面库!




13、组件库太多了,但不能删,能收起管理吗?

“创建的组件库太多了”、“团队拉我协同的库我用不上”、“存的库太多了找起来不方便”,可以通过管理库来解决!在左侧即点击「管理按钮」,将暂时用不到的库隐藏就ok啦~!





进阶篇就先讲这些啦~!下周是超级好玩的「终极篇」(含彩蛋),千万不要错过了!~你一定没有全部了解到的xiaopiu隐藏功能!

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,636评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,890评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,680评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,766评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,665评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,045评论 1 276
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,515评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,182评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,334评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,274评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,319评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,002评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,599评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,675评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,917评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,309评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,885评论 2 341

推荐阅读更多精彩内容