小伙伴們好~ 還記得上周介紹的是原型工具中的基礎(chǔ)效率型操作佑钾,幫助新來的小伙伴快速通過xiaopiu完成工作內(nèi)容龟梦,傳送門??????「聊聊xiaopiu那些鮮為人知的驚喜功能(基礎(chǔ)篇)」
這一篇內(nèi)容就是在基礎(chǔ)上稍微進階一點的部分啦~备徐!包含特色功能點與更精細(xì)化的輔助技能溉贿,馬了上一篇文章的記得這一篇也不要遺漏喲~!盤點細(xì)節(jié)腹纳,查漏補缺源葫!
進階篇
一漏策、你了解的基礎(chǔ)編輯操作中包括這些嗎?
1臼氨、精確調(diào)整組件間距
選中任意2個及以上組件時掺喻,在右側(cè)面板打開間距面板,就可以輸入數(shù)值精確調(diào)整組件之間的間距大小了储矩。因為可以批量調(diào)整多個間距感耙,修改多個列表項的間距時簡直不要太爽!~
2持隧、可視化的陰影編輯
陰影功能升級以后變得十分高級即硼,你不僅可以通過多項獨立參數(shù)來精確調(diào)整陰影樣式,還可以直接在面板上可視化拖拽調(diào)整陰影效果屡拨。更重要的是只酥,這里還內(nèi)置了4種常用陰影模板褥实,讓你一鍵切換想要的效果喲!~
3裂允、快捷鍵 Ctrl(?):按住可查看組件間距
除了快速選中組件外损离,按住「Ctrl(?)」還可以快速查看組件間距,并且不受集合的層級限制绝编!
4僻澎、保持原寬高比例,快速替換已有圖片
除了基礎(chǔ)上傳圖片的操作外十饥,選中圖片組件時窟勃,也可直接從本地拖拽圖片到圖片組件上添加/替換原圖喲~ 拖拽進來替換的圖片保持原比例自動智能裁剪!
5逗堵、跳轉(zhuǎn)外部鏈接
常常有用戶問xiaopiu怎么實現(xiàn)跳轉(zhuǎn)外鏈秉氧,來來來,方法在這里:
1蜒秤、新建一個空白頁面谬运,在頁面上添加網(wǎng)頁組件,輸入網(wǎng)址垦藏;
2、設(shè)置從其它頁面跳轉(zhuǎn)到這個頁面就可以啦伞访。
P.S.:在該外鏈頁面內(nèi)手動設(shè)置一個「返回按鈕」掂骏,還可以實現(xiàn)從外鏈頁面返回到項目原型喲!
二厚掷、狀態(tài)與事件里的這些小細(xì)節(jié)你get了嗎
6弟灼、返回上一頁
你只需要在組件的事件中將跳轉(zhuǎn)頁面設(shè)置為「返回上一頁」,就可以實現(xiàn)返回上一個頁面的效果了冒黑,從哪里來就回到哪里去田绑。
Tips:如果項目中有多處需要返回邏輯,那你可以把返回按鈕做成一個引用組件抡爹,設(shè)置好以后直接復(fù)制到所有頁面掩驱,簡直不要太方便!
7冬竟、重置頁面為初始形態(tài)
在某個頁面上常常會因為用戶操作改變一些組件狀態(tài)欧穴,比如修改了組件文案、彈出了彈層等泵殴,但我們希望從其它頁面再次跳轉(zhuǎn)回該頁面時涮帘,該頁面能夠恢復(fù)到最開始的樣子。
這時候你只需要在設(shè)置跳轉(zhuǎn)事件時笑诅,打開「重置」按鈕调缨,就可以滿足你的需求啦疮鲫!
8、當(dāng)前頁「回到頂部」的效果是這樣做出來的
點擊按鈕返回頂部是很多app和網(wǎng)頁中長頁面都會用到的功能弦叶。在xiaopiu中這樣的功能怎么實現(xiàn)呢俊犯?你只需要兩步操作,第一步將按鈕設(shè)置為跳轉(zhuǎn)到當(dāng)前頁面湾蔓,第二步打開「重置」按鈕瘫析,ok,大功告成默责!~
三贬循、一般人不知道的使用小技巧
9、這樣做全局彈窗桃序,方便又好管理
除了用狀態(tài)杖虾,這里再告訴你一個好辦法來輕松做彈層!
將一個需在多處應(yīng)用的彈窗做在單獨的空白頁面中媒熊,頁面背景設(shè)置透明度奇适,任意需要調(diào)取彈窗的頁面選擇添加跳轉(zhuǎn)事件就可以完成了!~絕對高效好用又方便修改芦鳍!
PS:彈窗內(nèi)記得給需要關(guān)閉彈層的組件設(shè)置「返回上一頁」的事件喲嚷往!
10、組件多個狀態(tài)整體移動
之前有很多用戶反饋柠衅,組件所有狀態(tài)不能一起移動皮仁,得挨個移動,不方便~現(xiàn)在你可以把這樣的狀態(tài)組件設(shè)置為「引用組件」菲宴,這時候它就相當(dāng)于一個小容器贷祈,就可以實現(xiàn)所有狀態(tài)一起移動啦!
四喝峦、如何花樣玩轉(zhuǎn)我的個人庫
11势誊、基礎(chǔ)組件庫用著不順手?行谣蠢,自己定制粟耻!
嫌默認(rèn)文本拖出來字太小眉踱?嫌矩形每次拖出來都是帶背景色的勋颖?嫌線條每次使用都覺得顏色太深?沒關(guān)系勋锤!基礎(chǔ)組件庫完全按照自己的需求自行定制饭玲!只要自己創(chuàng)建一個組件庫,將自己喜歡的基礎(chǔ)樣式做好叁执,保存進組件庫就好了茄厘!操作起來跟官方基礎(chǔ)組件庫是完全一致的~矮冬!
12、團隊共享規(guī)范
不是只有項目才可以協(xié)同次哈,庫也可以胎署!做好的頁面庫、組件庫協(xié)同給團隊成員窑滞,既可以讓團隊統(tǒng)一規(guī)范琼牧,也可以一起把庫打造成你們覺得最高效最順手的組件庫頁面庫!
13哀卫、組件庫太多了巨坊,但不能刪,能收起管理嗎此改?
“創(chuàng)建的組件庫太多了”趾撵、“團隊拉我協(xié)同的庫我用不上”、“存的庫太多了找起來不方便”共啃,可以通過管理庫來解決占调!在左側(cè)即點擊「管理按鈕」,將暫時用不到的庫隱藏就ok啦~移剪!
進階篇就先講這些啦~究珊!下周是超級好玩的「終極篇」(含彩蛋),千萬不要錯過了纵苛!~你一定沒有全部了解到的xiaopiu隱藏功能剿涮!