全局变量的设置在【项目】-【全局变量】中。
首先创建一个全局变量name
在new page2页面中添加输入框 登录按钮 元件名称分别为输入框,登录
对登录按钮添加点击事件,设置全局变量name值等于用户名文本框的数值,赋值后再增加跳转页面事件跳转到new page3
在new page3 页面中添加文本控件,设置控件名称为显示
为new page3 页面设置载入事件,对控件赋值
运行预览new page2页面,在输入框中输入用户名,点击登录,这就成功的实现了全局变量的功能
现在我们进行分析
用户要 *** 作什么:
l 输入用户名和密码,点击登录
l 跳转到首页
给用户什么反馈:
l 用户点击完登录之后,跳转到首页中
l 登录的用户名信息显示在跳转的页面中
实现分析:该案例主要是要实现用户登录信息在页面之间的传递,借助全局变量和局部变量能够实现
具体流程:
我们以在首页中显示用户名和密码为案例,进行讨论
1、做元件准备
建立两个页面,命名为登录页面和首页;
在登录页面中拖入一个矩形,添加两个文本标签分别命名为“用户名”、“密码”;再添加两个文本框,把文本框分别命名为“username”、“passWord”,注意把passWord文本框的文本类型设定为“密码”;接下来添加一个提交按钮,命名为登录
(图一:登录页面元件准备)
(图二:更改密码文本框文本类型)
在首页中,拖入一个矩形
2、添加全局变量,分别是username 和 passWord; *** 作方法:项目——全局变量——添加全局变量——确定
(图三添加全局变量)
(图四添加两个全局变量)
3、为全局变量赋值,在这里我们会用到局部变量,因为用户唯一进行点击的是“登录”按钮,所以我们需要给登录按钮“鼠标单击时”添加交互
Ø 首先分别为每个全局变量添加一个局部变量,把局部变量的元件文字值为登录页面输入的值,即借助局部变量,现把登录输入的数据传递到局部变量,再由局部变量传给全局变量
Ø 点击添加动作下面的“设置变量值”—选择“username”——点击“fx”——插入局部变量——设置元件文字为“username”——确定,同理去设定全局变量passWord.
(图五设置全局变量username)
(图六设置局部变量)
Ø 两个变量完成之后,点击“打开链接”——选择链接到首页
(图七登录界面交互)
4、为首页页面添加交互,选择“页面载入时”——“设置文本”——“矩形”——“fx”——在全局变量中输入“用户名:,密码:”并插入对应的变量,如下图图九
(图八首页设置文本)
(图九为文本添加变量)
(图十:首页交互设计)
就能实现变量值在页面中的传递
思考和总结:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)