手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-13 05:09:53

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

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

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

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

3、然后我们对元件的样式及大小进行设置,如下图所示。

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

4、然后给元件的交互样式进行设置,如下图所示。

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

5、下面给文本输入框设置交互事件及交互样式,这里需要注意将边框隐藏一下,如下图所示。

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

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

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

7、最后F5预览一下,看一下效果,如下图所示。

教大家使用Axure制作Input输入框效果
© 手抄报圈