Axure原型工具如何制作开关按钮效果

 时间:2024-10-13 11:01:21

1、首先创建一个空白页面,在工作台中拖入一个矩形框,将矩形调整为椭圆的形状,或者通过样式将圆角半径的值修改为150,这样就有了一个开关的感觉。

Axure原型工具如何制作开关按钮效果

3、背景椭圆我们做好了,在拖一个椭圆形元件到工作区域,并通过样式将名称、背景颜色、宽度和高度进行设置,如图所示。

Axure原型工具如何制作开关按钮效果

5、准备工作完成,訇咀喃谆将背景椭圆和圆两个元件转换成动态面板,这里其实第一步也可以先创建一个动态面板,然后在面板里做开关也是一样的,我这么做的目的是不用调整动态面板的大小了。

Axure原型工具如何制作开关按钮效果

7、所有工作完成后,F5预览一下效果,页面载入的时候是打开状态,点击一下就关闭了,在点击的时候又打开了,是不是很简单。

Axure原型工具如何制作开关按钮效果
  • 如何获取div中a标签的id
  • 教你怎么区分三层交换机和路由器
  • DBeaver如何连接Infomix数据库,详细教程
  • 怎样设置XML菜单样式
  • linux基础之数组
  • 热门搜索
    经期可以喝中药吗 毕业感言怎么写 京剧唱腔特点 景德镇旅游景点 浙江有哪些旅游景点 德国爱他美奶粉怎么样 亚马逊客服怎么联系 阳痿可以治疗吗 淮阴师范学院怎么样 三亚亚龙湾旅游攻略