在用Axu╨r∴e做原型时,经常要对Button的长度和宽度做调整,我Ⅻ们通常会使用鼠标拖动的方式来调整,可是当按钮文字长度不▣▤▥一样,☆经常的拖动会非々常繁杂,有没有提高效率的方法呢?

效果图

我们&先ō来⊙看一下效果图~(按钮的使用主‰要是在PC端,做后台原型时使用较为◎频繁)

制ё-⺌作方法

首先我们选择一个你需要的使用的元件。一般来说会用下面两个带边框的元件,颜色可以根╫据情况进行修┊┋改。

其次我们需要对元件进υ行边距和边角等做♤处理,这一步ν是对按钮的美观做ⓥ处理。

在这里我对选╯╰中这个元件并对这个元件设置Padd*ing(所有内*边距):

▋ L为Жleft(左〢边距,即文字与左边框ω的距离) T为top(顶边距,即文字じ与上边框г的距离) R为right(右边♦距,即文字与右边框的距离) B为bott∞om(底边距,即文字与下№边框的距离) ░

除此之※〧外°゜还可以设置圆角、字距、字体大小@等等,在此不细说。

最后我们对设置好美观的元件设置根据内容自动调整。

选中元件,点击下方图中所示的两个按钮,点击左侧横状的按钮可以自动↓调整·。宽度,点击右侧竖状的按钮可以自动调Д整高度。

小tips:★当你手动拉伸元件大◀小之后,自动调整大小的功能会失效哦,如果需要自动调整的话需要重新再进行点击⿻哦~

这样通过复制进行使用或者保存到元件库中就可以很方便的使ζ用了哟Ψ!你学会了吗?

 ↖;

作者:小树懒,⿻正在努力提升自己的小辣鸡,公众号:疯子家的树懒

本文由 @╥小树懒 原创发布于人人都是产品经理。未经≦许可,禁止转载

题图来自Unsplash,基于CиC0协议

{{wanzhanqun_analysis}} {{website_analysis}} {{website_copyright }}