Axure中制作动态边框的简单教程

日期:2024-05-17  作者:小天  来源:www.txunda.com  人气:536

一、原理
原理很简单,只需要在里面加一个动态板,让它的长度和宽度都比里面的要大一些,再把一个彩色的元素放在最下面。
二、教程
假设我们要制作一个140像素宽,40像素高,1像素边框的按钮。
首先,我们将动态面板拖到140像素,高40像素,并删除“适合内容”。
将另一个按钮放在动态面板中,宽138,高38, x,1。目标是留下4个边缘。
在该元素下方又放置一条带边框色彩的元素,该元素的宽度大于该按钮300 px,高大于该按钮30 px,并将该元素与按钮横向对齐,中间对齐(可根据需要调节,产生多种不同的效果)。

天津天迅达科技有限公司

如果您需要相关服务,可以找天津天迅达科技有限公司,我们的业务有Web开发、iOS APPAndroid APP、微信开发、HTML5开发等,天迅达——您身边的App个性化定制专家!

在界面元素的互动中加入“载入时”,这个过程需要很长的时间,可以根据不同的视角进行不同的调整。
三、最后
如果您希望色彩鲜艳的边界,那就把多个元素作为边框放在一起,只需转动这个组合就可以了。
如果你的按钮是圆形的,记住在外部的动态面板上增加一个边缘。

以上所有设计图和部分文字均来自网络,如有侵权,请call我删除,感谢~

天津天迅达科技有限公司经过多年来对APP小程序、以及网站建设的探索,已经帮助每一个客户快速开发出属于自己的APP小程序网站,是万千企业之选。

标签:天迅达科技 天津APP开发 天津网站建设 网站建设