Axure教程-全局变量：实现页面内容根据页面标题更新
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在原型设计中，<span style="color: black;">按照</span>页面标题刷新内容是<span style="color: black;">平常</span>的一种设置，本文就给<span style="color: black;">大众</span>讲解一下<span style="color: black;">详细</span>操作<span style="color: black;">过程</span>，非常简单。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Demo<span style="color: black;">位置</span>：https://h0giuj.axshare.com</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">软件版本</strong>：Axure RP v10</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">适用场景</strong>：后台原型设计<span style="color: black;">按照</span>页面名<span style="color: black;">叫作</span>，<span style="color: black;">表示</span>对应标题。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2个知识点</strong>：</p>Variable（变量）：将页面标题<span style="color: black;">做为</span>字符串存在全局变量中；
Page Loaded（页面加载完成）事件：当页面加载完成时，所执行的对应动作。
<span style="color: black;">1、</span>添加元件<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">创建1个空白页面，并拖入1个Label控件，控件命名为PageTitle。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">2、</span>设置事件 </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1. 点击New Interaction（+新交互），<span style="color: black;">而后</span>点击Page Loaded（页面加载完成）事件<span style="color: black;">起始</span>设置；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://q8.itc.cn/q_70/images03/20240615/ee67ce9a760845ef83decc7851e3cca0.jpeg" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2. 点击设置Set Text（设置文本）事件；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://q7.itc.cn/q_70/images03/20240615/efe2dee9dfb84c23b7226d93bb7fbcf0.jpeg" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3. <span style="color: black;">选取</span>刚才添加的PageTitle控件；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://q7.itc.cn/q_70/images03/20240615/d29ca25e9b41424bafb658af4867cb74.jpeg" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4. 点击图标，<span style="color: black;">起始</span>变量设置；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://q2.itc.cn/q_70/images03/20240615/8f14404da2514f6d9a27d6a9c2e4d5fc.jpeg" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5. 添加变量PageName，并将其他内容清空，点击Done（完成）按钮完成配置。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://q1.itc.cn/q_70/images03/20240615/f60407140e5a4280a8ae0562f45dcb18.png" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://q2.itc.cn/q_70/images03/20240615/605bda2144364a56b76860b51dbef7d3.jpeg" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://q3.itc.cn/q_70/images03/20240615/846c719ec2ca4ebf9d266a95fc99a07b.jpeg" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">3、</span>效果预览 </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">大功告成，赶紧预览一下，<span style="color: black;">瞧瞧</span>效果吧~</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">（为了演示效果，我把页面复制了3份）</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://q3.itc.cn/q_70/images03/20240615/cc2b4cae90c3449f8df4e4f35ffbe388.jpeg" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本文由 @大脸瞄 原创发布于人人都是<span style="color: black;">制品</span>经理，未经许可，禁止转载。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">题图来自 Unsplash，基于 CC0 协议。<a style="color: black;"><span style="color: black;">返回<span style="color: black;">外链论坛：www.fok120.com</span>，查看<span style="color: black;">更加多</span></span></a></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">责任编辑：网友投稿</span></p>
期待更新、坐等、迫不及待等。 我深受你的启发，你的话语是我前进的动力。 楼主听话，多发外链好处多，快到碗里来！外链论坛 http://www.fok120.com/ 我深受你的启发，你的话语是我前进的动力。 楼主节操掉了，还不快捡起来！
页:
[1]