Axure RP 9 教程—pagename函数使用实例

效果图

今天演示的是函数小知识,很遗憾, !!!

当然了,无效果图不代表不重要,之前推送的几期教程都是效果炫酷但是实际操作中并没有太大用处的案例,今天教给大家的利用Pagename函数快速命名的案例,在大家实操实练中可是作用颇大哦。

PageName函数解释

[[Pagename]]:英译汉是页面名称,非常明了,那么它的作用是可把当前页面名称转换为字符串。

应用场景

  • 场景一:

我们使用Axure绘制APP或小程序的原型的时候会发现,移动端产品有很多部分是复用的,比如移动端产品的顶部导航部分,这时候我们会创建一个顶部导航部分的母版,便于多次复用,但这里有个问题,不同页面的页面名称是不同的,我们不能一次性编辑好所有页面名称,这时候利用PageName函数,就可以轻松的获取页面名称,从而减少我们的工作量。

  • 场景二:

暂无!

操作步骤

本案例我绘制了简书App的页面来给大家演示:

Step one.

  • 确定复用部分的内容,本案例中,我的文章、我的书架、喜欢收藏、简书会员等页面中,顶部导航部分是复用的。如图所示:

Axure RP 9 教程—pagename函数使用实例
Axure RP 9 教程—pagename函数使用实例

Axure RP 9 教程—pagename函数使用实例
Axure RP 9 教程—pagename函数使用实例

Step two.

  • 添加元件,绘制复用部分的内容,名称部分创建一个Label,取名为 Label 页面名称,为这个Label创建交互:

  • 载入时

  • 设置文本

  • 当前元件到[[PageName]]

如图:

Axure RP 9 教程—pagename函数使用实例
Axure RP 9 教程—pagename函数使用实例

Step three.

  • 全选元件→右键点击元件→创建母版,这一步很简单。

Step four.

  • 现在,只需要在Axure左侧的页面部分为每个页面取好名称,并将母版放置在不同页面里,这样,在浏览的时候,母版的页面名称就会自动获取预设的页面名称了。

Axure RP 9 教程—pagename函数使用实例
Axure RP 9 教程—pagename函数使用实例

总结

本篇长篇大论为大家演示一个小小的函数,看似鸡肋但实际体现的是一种工作细节,工作中我们有很多提高工作效率的小技巧,一点一点累积,一点一点沉淀,在产品的道路上,终将越爬越高。

大雪将至,大家注意保暖!

告辞!

哦!不,还有原型链接,本期原型中保留了一些小小的交互,大家感兴趣的可以自行研究,同样注意,本期原型只能用Axure RP 9 beta及以上版本打开,为什么我要坚持使用Axure 9,而不用现在绝大部分人在使用的Axure 8呢,其实原因很简单,与时俱进,顺势而为,作为产品,要有超强的适应能力和学习能力,建议各位下载Axure RP 9体验其中的变化。

原型链接:

https://pan.baidu.com/s/1egP3iK4lKhSLgXSpb60DzQ

提取码:

v08h

原创文章,作者:王得宇AIPM,如若转载,请注明出处:https://www.pmtemple.com/silence/10000/

(1)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
王得宇AIPM的头像王得宇AIPM高级产品经理
上一篇 2019年7月4日 上午12:00
下一篇 2019年7月31日 上午12:00

相关推荐

发表回复

登录后才能评论
微信公众号
微信公众号
edgesensor_high 小程序
小程序
分享本页
返回顶部