Axure中制作动态边框的简单教程
日期:2024-05-17 作者:小天
来源:www.txunda.com
人气:536
一、原理
原理很简单,只需要在里面加一个动态板,让它的长度和宽度都比里面的要大一些,再把一个彩色的元素放在最下面。
二、教程
假设我们要制作一个140像素宽,40像素高,1像素边框的按钮。
首先,我们将动态面板拖到140像素,高40像素,并删除“适合内容”。
将另一个按钮放在动态面板中,宽138,高38, x,1。目标是留下4个边缘。
在该元素下方又放置一条带边框色彩的元素,该元素的宽度大于该按钮300 px,高大于该按钮30 px,并将该元素与按钮横向对齐,中间对齐(可根据需要调节,产生多种不同的效果)。
三、最后
如果您希望色彩鲜艳的边界,那就把多个元素作为边框放在一起,只需转动这个组合就可以了。
如果你的按钮是圆形的,记住在外部的动态面板上增加一个边缘。
原理很简单,只需要在里面加一个动态板,让它的长度和宽度都比里面的要大一些,再把一个彩色的元素放在最下面。
二、教程
假设我们要制作一个140像素宽,40像素高,1像素边框的按钮。
首先,我们将动态面板拖到140像素,高40像素,并删除“适合内容”。
将另一个按钮放在动态面板中,宽138,高38, x,1。目标是留下4个边缘。
在该元素下方又放置一条带边框色彩的元素,该元素的宽度大于该按钮300 px,高大于该按钮30 px,并将该元素与按钮横向对齐,中间对齐(可根据需要调节,产生多种不同的效果)。
如果您需要相关服务,可以找天津天迅达科技有限公司,我们的业务有Web开发、iOS APP、Android APP、微信开发、HTML5开发等,天迅达——您身边的App个性化定制专家!
在界面元素的互动中加入“载入时”,这个过程需要很长的时间,可以根据不同的视角进行不同的调整。三、最后
如果您希望色彩鲜艳的边界,那就把多个元素作为边框放在一起,只需转动这个组合就可以了。
如果你的按钮是圆形的,记住在外部的动态面板上增加一个边缘。
以上所有设计图和部分文字均来自网络,如有侵权,请call我删除,感谢~
天津天迅达科技有限公司经过多年来对APP、小程序、以及网站建设的探索,已经帮助每一个客户快速开发出属于自己的APP、小程序、网站,是万千企业之选。
相关资讯
- 数字孪生:现实世界的身外化身 2024-12-06
- 微信公众号全面“今日头条化”,自媒体将迎来“第二春”? 2024-12-04
- 优质长视频的破圈效应 2024-12-05
- 奶茶行业的裂变营销 2024-12-03
- 浅浅分享下支付产品经理如何写全局性的需求文档以及工作流程 2024-12-02
- “麦学”爆红:一场精心策划的营销盛宴 2024-11-29
- 如果遇到麦琳式的领导,怎么办? 2024-11-28