聊聊xiaopiu那些鮮為人知的驚喜功能(進階篇)

小伙伴們好~ 還記得上周介紹的是原型工具中的基礎(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隱藏功能剿涮!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市赶站,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌纺念,老刑警劉巖贝椿,帶你破解...
    沈念sama閱讀 216,324評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異陷谱,居然都是意外死亡烙博,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評論 3 392
  • 文/潘曉璐 我一進店門烟逊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來渣窜,“玉大人,你說我怎么就攤上這事宪躯∏撬蓿” “怎么了?”我有些...
    開封第一講書人閱讀 162,328評論 0 353
  • 文/不壞的土叔 我叫張陵访雪,是天一觀的道長详瑞。 經(jīng)常有香客問我掂林,道長,這世上最難降的妖魔是什么坝橡? 我笑而不...
    開封第一講書人閱讀 58,147評論 1 292
  • 正文 為了忘掉前任泻帮,我火速辦了婚禮,結(jié)果婚禮上计寇,老公的妹妹穿的比我還像新娘锣杂。我一直安慰自己,他們只是感情好番宁,可當(dāng)我...
    茶點故事閱讀 67,160評論 6 388
  • 文/花漫 我一把揭開白布元莫。 她就那樣靜靜地躺著,像睡著了一般贝淤。 火紅的嫁衣襯著肌膚如雪柒竞。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,115評論 1 296
  • 那天播聪,我揣著相機與錄音朽基,去河邊找鬼。 笑死离陶,一個胖子當(dāng)著我的面吹牛稼虎,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播招刨,決...
    沈念sama閱讀 40,025評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼霎俩,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了沉眶?” 一聲冷哼從身側(cè)響起打却,我...
    開封第一講書人閱讀 38,867評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎谎倔,沒想到半個月后柳击,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,307評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡片习,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,528評論 2 332
  • 正文 我和宋清朗相戀三年捌肴,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片藕咏。...
    茶點故事閱讀 39,688評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡状知,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出孽查,到底是詐尸還是另有隱情饥悴,我是刑警寧澤,帶...
    沈念sama閱讀 35,409評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站铺坞,受9級特大地震影響起宽,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜济榨,卻給世界環(huán)境...
    茶點故事閱讀 41,001評論 3 325
  • 文/蒙蒙 一坯沪、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧擒滑,春花似錦腐晾、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,657評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至库车,卻和暖如春巨柒,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背柠衍。 一陣腳步聲響...
    開封第一講書人閱讀 32,811評論 1 268
  • 我被黑心中介騙來泰國打工洋满, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人珍坊。 一個月前我還...
    沈念sama閱讀 47,685評論 2 368
  • 正文 我出身青樓牺勾,卻偏偏與公主長得像,于是被迫代替她去往敵國和親阵漏。 傳聞我的和親對象是個殘疾皇子驻民,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,573評論 2 353

推薦閱讀更多精彩內(nèi)容