您当前的位置: 首页 > 

杨林伟

暂无认证

  • 2浏览

    0关注

    3337博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

Axure快速入门(06) -动态面板例子

杨林伟 发布时间:2021-01-08 16:39:33 ,浏览量:2

1. 前言

本文的登录案例源文件已上传到Github,有兴趣的同学可以下载来看看: https://github.com/ylw-github/Axure-Demo

前面写过Axure相关的文章,有兴趣的同学可以参阅:

  • 《Mac 下Axure RP9下载与安装》
  • 《Axure快速入门教程》
  • 《Axure快速入门(01) - 面板介绍》
  • 《Axure快速入门(02) - 入门例子(登录案例)》
  • 《Axure快速入门(03) - 丰富的元件库》
  • 《Axure快速入门(04) - 元件位置调整》
  • 《Axure快速入门(05) - Master母版减少重复操作》

在很多时候,我们在一个页面里,点击tab会在页面内切换不同的页面,如下图的的登录页,点击"账号密码"或者"手机号"的tab,红框里面的内容会跟着改变: 在这里插入图片描述 那么如何做到不跳转的情况下,页面内容自动切换呢?这里可以用到动态面板,下面来讲解。

2. 登录案例

首先拖入“动态面板控件”: 在这里插入图片描述 双击动态面板: 在这里插入图片描述 添加状态State2: 在这里插入图片描述 State1位账号密码页面,State2位手机号页面,编辑界面后,如下:

State1State2在这里插入图片描述在这里插入图片描述

接下来对按钮添加事件,比如对“账号密码”案件添加单机事件,选择设置面板状态: 在这里插入图片描述 选择STATE为State1: 在这里插入图片描述 点击手机号按钮,同样的操作,STATE为State2: 在这里插入图片描述

演示:

点击账号密码点击手机号在这里插入图片描述在这里插入图片描述

可以看到动态面板改变了,本文完!

关注
打赏
1662376985
查看更多评论
立即登录/注册

微信扫码登录

0.3820s