教大家使用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的图片
  • 联想浏览器新标签页图标磁吸模式的设置方法
  • 最简单的去除照片中红眼的方法
  • 热门搜索
    苏州西山旅游攻略 吉林旅游景点 新疆伊犁旅游 广西巴马长寿村旅游 旅游的说说心情朋友圈 江门旅游景点大全 旅游圈 港澳旅游签注停办 绵阳旅游景点大全 内江旅游