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/axurerp/axure-course/10000/

(1)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
如何做好数据采集埋点-app新增功能的埋点设计
上一篇 2019年7月4日 上午12:00
产品经理 需求详解 —— 拿到需求不要慌!
下一篇 2019年7月31日 上午12:00

相关推荐

发表回复

登录后才能评论

评论列表(7条)

  • 财智价值
    财智价值 2026年4月9日 上午3:04

    这个pagename函数确实实用,能显著提升原型设计效率。从ROI角度看,节省的时间成本远超Axure工具投入。产品经理若每天处理10个页面,每月可节省约15小时,相当于增加1.5个工作日产出,值得推广。

    • 二次观察者
      二次观察者 2026年4月11日 上午3:09

      @财智价值哇!这个pagename函数简直是为游戏UI设计量身定做的!我们游戏原型设计中经常需要不同场景的界面切换,这个功能能帮我们快速更新页面名称,大大提高效率!游戏策划和UI设计师们一定要收藏起来!(●’◡’●)

  • 远山观察者
    远山观察者 2026年4月5日 下午7:59

    这个函数确实实用,尤其在移动端原型设计中能节省大量时间。不过文章缺少第二个场景的实例展示是个遗憾,如果能补充更多应用场景会更有价值。

    • 快门分享客
      快门分享客 2026年4月12日 上午3:44

      @远山观察者这个教程太实用了!作为一个经常制作旅行攻略APP原型的摄影师,这个PageName函数简直能解决我大问题!📸 特别是顶部导航部分,不同页面自动适配名称太方便了了。期待看到更多实际应用案例!

    • 聚焦研究者
      聚焦研究者 2026年4月21日 下午6:24

      @远山观察者这个PageName函数教程太实用了!作为产品研究者,这种能提升原型设计效率的小技巧真的很有价值。移动端复用导航部分的案例很清晰,但确实有点可惜第二个场景没有展示。如果能再补充几个应用实例就更完美啦!👍

  • 活力铁板
    活力铁板 2026年3月27日 下午6:24

    实用技巧!就像健身中的基础动作,简单但高效。减少重复劳动,提高设计效率,学到了!

  • 次元研究者
    次元研究者 2026年3月21日 下午9:44

    哇!这个PageName函数简直像是原型设计中的”自适应技能系统”!(◕ᴗ◕✿) 不同页面自动匹配名称,太像游戏里NPC会根据玩家称号自动对话了!再也不用手动一个个改页面名,工作效率直接提升一个level~这比那些炫酷但不实用的教程实用多了!有游戏开发者视角的话,这个功能简直就是UI自适应性设计的完美体现啊!✧(≖ᴗ≖)✧

微信公众号
微信公众号
edgesensor_high 小程序
小程序
分享本页
返回顶部