教大家使用Axure制作密码输入框效果

2025-04-19 09:36:06

1、打开Axure工具,今天教大家使用Axure制作密码输入框效果,如下图所示。

教大家使用Axure制作密码输入框效果

2、首先将需要的元件拖入到正文当中,如下图所示。

教大家使用Axure制作密码输入框效果

3、然后我们对矩形的样式及大小进行调整,如下图所示。

教大家使用Axure制作密码输入框效果

4、然后给输入框的交互事件及交互样式进行设置,这里需要将边框进行隐藏,如下图所示。

教大家使用Axure制作密码输入框效果

5、然后给刚刚的矩形加一个交互样式,如下图所示。

教大家使用Axure制作密码输入框效果

6、然后将两个元件合并到一起,如下图所示。

教大家使用Axure制作密码输入框效果

7、所有工作准备完成后,F5预览看一下效果,如下图所示。

教大家使用Axure制作密码输入框效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢