Axure实现APP注册(3)-欢迎页面


概述


  • **1. 进入欢迎界面提示注册成功 **
Axure实现APP注册(3)-欢迎页面_第1张图片
  • **2. 显示欢迎词语 **
Axure实现APP注册(3)-欢迎页面_第2张图片

主要知识点有:

  • Axure提示信息的实现
  • Axure变量的使用和值传递

1. 提示注册成功


  • 增加一个动态面板
    输入注册成功的文字。初始状态设置成Hidden
Axure实现APP注册(3)-欢迎页面_第3张图片
  • 增加提示成功动作
    提示信息是页面跳转成功后就出现的,所以需要在页面交互窗口设置。依次设置:
  • 触发条件选择OnPageLoad
  • 动作设置Show Register successful
  • 动作设置Wait 1000ms
  • 动作设置Hide Register successful
    提示消息出现1000ms后消失。
Axure实现APP注册(3)-欢迎页面_第4张图片

2. 出现欢迎界面


  • ** 设置用户电话变量 **
    依次执行:
  • 为OnTextChange增加一个Case
  • 选择Set Variable Value
  • 执行Add variable,增加变量 UserPhone
  • 设置值,选择Widget/text。
    设置后,当电话号码改变时,变量UserPhone等于部件的值。这里是把输入的电话号码存到变量UserPhone里面了。
Axure实现APP注册(3)-欢迎页面_第5张图片
  • 增加动态面板
    增加一个动态面板Welcome Message。

    Axure实现APP注册(3)-欢迎页面_第6张图片

  • 设置动态面板的文字

提前在State 1上面放一个Label(可以是一个没文字空的Label)。

增加OnPageLoad动作的Case的内容。依次执行:

  • 选择Set Text
  • 选择Welcome Message (就是上面放置的空Label)
  • 选择fx,设置值。
  • 执行Insert Variable of Function,选择UserPhone这个变量。
  • 把文字修改成 Welcome,[[UserPhone]]
    页面加载的时候,从UserPhone变量把值读出来,设置到欢迎界面上。
Axure实现APP注册(3)-欢迎页面_第7张图片

Axure实现APP注册(1)-验证手机页面
Axure实现APP注册(2)-设置密码页面
Axure实现APP注册(3)-欢迎页面


2015-05-13
深圳

你可能感兴趣的:(Axure实现APP注册(3)-欢迎页面)