在用Axure做原型时,经常要对Buttш▍on的长η度和宽度做调整,我们通常会使用鼠标拖动的方式来调整,可是当按钮л文字长度不一样,∴经常的拖动会非常∈繁杂,有没有提〢高$效率的Э方法°゜呢?

效果图

我们先来看一下۩效果图~(按钮的使用主要是在⊙PぁC端,做后台原型时使用较为频♥繁)

制作方法

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

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

在这里我对选中这个元件并对这个元件┆┇设@置Padding(所有内边距):

L为left(左⊕边距,即文字Θ与左边框的距离) T为top(顶边距,即文字与上边框的距离) R为right▌(右边距,即文字与右边框的距离) B为bot≦tom(底边距,即文字与下边♥框∞的距离) К

除此之外还可以设置๑圆角в、字距、字体大小等等,在此不细说。

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

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

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

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

 ¨

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

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

题图来自Unsplash,基于CC0协议⌒

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