美文网首页0岁的产品经理产品经理Axure知识汇总
Axure教程—PageName函数的应用案例

Axure教程—PageName函数的应用案例

作者: 王得宇AIPM | 来源:发表于2018-12-08 11:26 被阅读97次

    效果图


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

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

    PageName函数解释


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

    应用场景


    场景一:

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

    场景二:

    暂无!

    操作步骤


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

    Step one.

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

    Step two.

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

    载入时

    设置文本

    当前元件到[[PageName]]

    如图:

    Step three.

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

    Step four.

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


    总结


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

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

    告辞!

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


    原型链接:扫码关注公众号,所有案例原型文件的下载链接及提取码都可以找到哦!

    关注作者公众号,一起向梦想出发

    相关文章

      网友评论

      • fc9d93bf1404:更新得好快~
        大纲里,页面的名称,一般我会加上序号,如下
        1. 我的
        2. 简书会员
        3. 简书活动
        4. 我的钱包
        5. 我的文章

        这样拉出来的名字,没有满足自身需求呀
        王得宇AIPM:@Winson围巾 这样的话可以再引入[[substring]],这个函数的作用是提取字符串中两个指定的索引号之间的字符,这样做虽然可以实现只取页面名称里面的部分文字,但是实际上在这个小细节上浪费了太多的精力了哈
        fc9d93bf1404:@PM_Silence 为了快速定位,修订记录,prd文档都会用到这个序号
        王得宇AIPM:@Winson围巾 页面名称前面为什么要加序号呢? 我觉得可以创建文件夹,将不同页面或者同一页面的不同功能统一放在文件夹内就行,到时候给文件夹名称做好备注就行,你觉得呢:grin:

      本文标题:Axure教程—PageName函数的应用案例

      本文链接:https://www.haomeiwen.com/subject/enxqhqtx.html