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

2 评论 7189 浏览 11 收藏 5 分钟

本篇文章通过原型设计工具为大家演示pagename函数的使用,希望对有需要的同学能有所帮助!

效果图

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

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

PageName函数解释

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

应用场景

场景一:

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

场景二:

暂无!

操作步骤

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

Step one

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

Axure教程—pagename函数使用实例

Axure教程—pagename函数使用实例

Axure教程—pagename函数使用实例

Axure教程—pagename函数使用实例

Step two

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

载入时

设置文本

当前元件到[[PageName]]

如图:

Axure教程—pagename函数使用实例

Axure教程—pagename函数使用实例

Step three

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

Step four

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

Axure教程—pagename函数使用实例

Axure教程—pagename函数使用实例

总结

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

同样注意:本期原型只能用Axure RP 9 beta及以上版本打开,为什么我要坚持使用Axure 9,而不用现在绝大部分人在使用的Axure 8呢?

其实原因很简单:与时俱进,顺势而为。

作为产品,要有超强的适应能力和学习能力,建议各位下载Axure RP 9体验其中的变化。

原型链接:https://pan.baidu.com/s/1egP3iK4lKhSLgXSpb60DzQ

提取码:v08h

 

本文由 @王得宇AIPM 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 如果用顶部导航的名字来命名页面名,有页面名字重复怎么办?

    来自河南 回复
    1. 这个得看个人习惯啦,一般我绘制原型的时候会根据功能模块创建文件夹,将页面放在文件夹内,一般是不会出现你说的情况啦。 😉

      来自上海 回复