在一些科技感強的頁面中，往往含有大量的異形元素，比如
在設計這類按鈕時，按鈕大小完全依賴於文字長度。當按鈕中的文字數不固定時，萌新們一般會根據文字長度單獨調整每個按鈕的長度，這樣當然是有效的，但按鈕特別多的情況下，手動調整就顯得不那麼專業了。
那麼更快捷有效的方法是什麼呢？
1. 創建控件
首先我們要把我們設計好的按鈕做成一個控件。
選中按鈕形狀及裏面的文字，右鍵→創建控件。
創建好的控件會被放入控件頁面中。
這時候返回實例頁面中會發現，修改文字時，按鈕不隨文字的增減而變化，這時就需要設置控件的佈局。
2. 設置控件佈局和文字對齊方式
在控件頁面中，選中創建好的按鈕組件，在菜單列表中執行：圖層→佈局→從左往右，如圖。
還是在控件頁面中，選中按鈕裏的文字，在右邊對齊方式中選擇“自動寬度”和“居中對齊”，如圖。
這時我們返回實例，更改文字時，按鈕寬度就會隨着文字的增減自動變化了。
PS：“從左往右”佈局是指，按鈕距離畫板的左邊距固定，另外幾種佈局形式大家也可以嘗試下。
3. 製作響應式按鈕
這時雖然按鈕隨文字變化了，但對於這種異形按鈕來說，形狀也發生了變化，顯然這不是我們想要的效果。
（修改文字或更改按鈕大小時，異形按鈕形狀比例錯誤）
所以，最關鍵的來了——
在控件頁面中，將按鈕中位置不需要改變的形狀靠邊固定，大小不需要改變的形狀固定尺寸。
具體方法如下：
拆分
將異形按鈕形狀拆分爲矩形和三角形，三角形屬於固定大小和位置的元素，兩側的小矩形屬於半固定元素，中間的大矩形屬於自動適配元素。
聯集
選中所有細分後的形狀，執行“聯集”操作，這時按鈕就會恢復之前的樣子。
固定
選中按鈕中右上角的兩個小三角，靠邊固定選擇“右+上”，固定尺寸“寬+高”，即大小不變，並固定在右上角。同理，選中按鈕中左下角的兩個小三角，靠邊固定選擇“左+下”，固定尺寸“寬+高”。
左上方的小矩形選擇“左+上+下”，寬度固定。同理，右下方的小矩形選擇“右+上+下”，寬度固定。
按鈕中間的大矩形屬於可拉伸部分，自動適配寬高，所以點擊靠邊固定中間的小方框，即可四個邊都選。
最後，將聯集後的形狀結合編組選中，靠邊固定也調整爲四個邊都選。
好了，現在返回實例，在修改按鈕中的文字，按鈕形狀就會隨着文字的增減自動變化啦。
