教大家使用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输入框效果
  • Sublime Text 添加文件图标
  • 百度翻译怎么开启Spotlight查词?
  • 怎么查看手机apk的图片
  • 联想浏览器新标签页图标磁吸模式的设置方法
  • 最简单的去除照片中红眼的方法
  • 热门搜索
    雪花怎么剪 电脑无法开机怎么办 qq怎么创建群 双显示器怎么设置 鼻炎流鼻涕怎么办 ps怎么加水印 怎么吃都不胖 脾气不好怎么办 珍珠粉怎么吃 奥迪q7怎么样