在实际应用中,全局变量起到了信息通报浸染和符号浸染,可以在多个页面间通报信息,可能作为非凡场景的判定依据。本文作者先容了如何用Axure实现全局变量中空页面的新增数据校验成果的操纵步调,以及实现进程中的一些留意事项,与各人分享。
当一个页面存在两种或多种状态内容时,可以思量用【全局变量】判定展示哪个状态页面。譬喻:音乐保藏列表页面的【空状态】和【有数据】展示的两种环境。
当用户没有保藏歌曲时,点击保藏导航进入保藏打点页面,为【空状态】页面。
当用户有保藏歌曲时,点击保藏导航进入保藏打点页面,为【有数据状态】页面。
即点击同一个按钮,在不消景象下,会展示差异内容可能跳转差异页面。
操作全局变量,在元件可能页面载入时,判定全局变量的值,按照差异的值,展示差异的内容可能跳转差异页面。
二、实现步调 1. 添加全局变量点击顶部菜单【项目】-【全局变量配置】,添加一个全局变量,定名为collection(用来校验用户是否保藏的歌曲)。其默认值配置为0,代表没有保藏歌曲,为空状态页面。当数值为1时,代表用户有保藏歌曲。
1) 当保藏按钮为未保藏状态时,选中【保藏】图标按钮,添加【单击时】,配置保藏按钮状态为下一状态即已保藏,同时添加【配置全局变量】,方针为【collection】,值为【1】。
2)当保藏按钮为已保藏状态时,选中【保藏】图标按钮,添加【单击时】,配置保藏按钮状态为下一状态即未保藏,同时选择【配置全局变量】,方针为【collection】,值为【0】。具体设计如下图所示:
给保藏页面添加一个【动态面板】,定名为内容,添加两个状态,别离state1为空状态,state2为有保藏数据状态。
4. 添加交互事件选中【内容】,添加【载入时】交互事件,添加条件,当全局变量【collection=0】时,该面板状态为state1;当全局变量【collection=1】时,该面板状态为state2;
配置完成后,即可实现用户在播放页点击保藏图标按钮保藏歌曲,查察保藏页面时,即可看到保藏页面有保藏的歌曲内容。
当用户在播放页再点击打消保藏图标按钮,此时再返回保藏页面时,看到保藏页面为空页面。
三、留意事项保藏的歌曲内容是事先添加的你想要的歌曲,不会按照你保藏的哪一首歌曲就显示哪一首。
演示的结果,是展示有保藏和没保藏的交互结果。不能到达点击保藏一首,保藏页面就会新增保藏一首。
编辑导读:在实际应用中,全局变量起到了信息通报浸染和符号浸染,可以在多个页面间通报信息,可能作为非凡场景的判定依据。本文作者对Axure中全局变量的应用举办了先容,适合对Axure的页面、元件、交互事...