Axure局部变量 从使用方式来看,在应用的时候,局部变量的功能范围决定了其只能充当事务里面的赋值载体,因此更多的是在函数当中用到,充当函数的运算变量,因此不会在外部页面级的逻辑中看到.
如果你感兴趣的话能够看一下具体 *** 作,B站有一个老师讲的特别好,直接搜Axure就行,或者直接看文字话就参考这个吧
现在我们进行分析
用户要 *** 作什么：
l 输入用户名和密码,点击登录
l 跳转到首页
给用户什么反馈：
l 用户点击完登录之后,跳转到首页中
l 登录的用户名信息显示在跳转的页面中
实现分析：该案例主要是要实现用户登录信息在页面之间的传递,借助全局变量和局部变量能够实现
具体流程：
我们以在首页中显示用户名和密码为案例,进行讨论
1、做元件准备
建立两个页面,命名为登录页面和首页；
在登录页面中拖入一个矩形,添加两个文本标签分别命名为“用户名”、“密码”；再添加两个文本框,把文本框分别命名为“username”、“passWord”,注意把passWord文本框的文本类型设定为“密码”；接下来添加一个提交按钮,命名为登录
(图一：登录页面元件准备）
（图二：更改密码文本框文本类型）
在首页中,拖入一个矩形
2、添加全局变量,分别是username 和 passWord； *** 作方法：项目——全局变量——添加全局变量——确定
（图三添加全局变量）
（图四添加两个全局变量）
3、为全局变量赋值,在这里我们会用到局部变量,因为用户唯一进行点击的是“登录”按钮,所以我们需要给登录按钮“鼠标单击时”添加交互
Ø 首先分别为每个全局变量添加一个局部变量,把局部变量的元件文字值为登录页面输入的值,即借助局部变量,现把登录输入的数据传递到局部变量,再由局部变量传给全局变量
Ø 点击添加动作下面的“设置变量值”—选择“username”——点击“fx”——插入局部变量——设置元件文字为“username”——确定,同理去设定全局变量passWord.
（图五设置全局变量username）
（图六设置局部变量）
Ø 两个变量完成之后,点击“打开链接”——选择链接到首页
（图七登录界面交互）
4、为首页页面添加交互,选择“页面载入时”——“设置文本”——“矩形”——“fx”——在全局变量中输入“用户名：,密码：”并插入对应的变量,如下图图九
（图八首页设置文本）
（图九为文本添加变量）
（图十：首页交互设计）
就能实现变量值在页面中的传递
思考和总结：
拖动中继器元件，新建一个。如图，是一个一列三行的表格，注意一下右侧“交互”和“中继器”两块用绿框圈起来的部分，[[item.Column0]] 中的 Column0 与 “中继器”的第一列列名一样。但是， 文字于（矩形）中的‘矩形’不知道对应的是哪一个，别着急，往下看。
鼠标双击步骤1的表格，进入下图，可以看到有一个矩形框，我们把矩形框的名字改成 ‘测试矩形’。然后再返回步骤1的界面。
可以看到，交互里面的名字已经变过来了，变成了‘测试矩形’。现在我们就知道他们之间到底是怎么关联的了。
我们接着走下一步，在步骤2中再添加一个矩形，更改名称为‘矩形1’，如图：
返回中继器页面，可以看到多了一列。
在步骤5中，我们在右侧绿框选中的中继器数据表中看到，新增了一列“Column1”，并且在下面新增了一行数据‘23’，但是中继器没有变化，第二列仍然是空白列。
这个时候我们需要在交互中点击 Case1，再次配置“每项加载时”的交互动作，如下图：
按照绿框标注，将已命名为“矩形1”的矩形框设置文本为[[item.Column1]]，Column1对应中继器数据表中新增的列“Column1”，点击确定。
如图，配置 Column1的行数据，就可以看到中继器第二列的数据都显示了出来。
下面我们开始进阶，如图，新建两个文本输入框和添加、删除按钮。对每个文本框都进行命名‘name’、‘age’。
选中“添加”按钮，配置交互-鼠标单击时：
中继器-数据集-添加行，按图示顺序 *** 作，下一步需要配置“TestColumn1”和“Column1”的数据。
点击 fx,在d出页面中点击“添加局部变量”，设置元件文字=name，name 是中继器页面 “姓名文本输入框”的名称。
在点击插入变量或函数，选择 LVAR1变量名，如图：
同样，对步骤10 中的第二个 fx也进行类似的 *** 作，只不过元件文字=age.
以上两步都完成后，点击确定。
返回中继器页面，点击预览。
在名称和年龄文本框中输入一些文字或数字，点击添加按钮，就会有一行新的数据显示在下方。同理，删除也是一样的 *** 作，只不过交互动作就变成了中继器-删除行。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）