童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

Axure教程利用中继器做可以翻页的列表

6月6日 栀璃鸢投稿
  相信所有的产品经理以及有志于成为产品经理的人对中继器都不会很陌生,做为axure的两大高端功能之一,对中继器的了解往往可以检测一个人的axure使用水准。本教程将为大家介绍中继器的使用,相信大家学习之后,在实际工作中可以少求一次他人。
  既然说中继器是axure两大难点之一,那么也有必要提一下另一个难点,即函数和变量的组合运用。
  当然本文主要讲的是中继器的使用,至于函数和变量可以参照作者以前的文章,这些文章我将在末尾为大家附上链接,有兴趣的读者可以查看。
  本案例体验地址:请点击我。
  1、认识中继器
  中继器可以在元件库的基本元件中找到,作为新版的内容以及最为复杂的元件排在最后一个,将其拖入工作面板之后可以看到如上图所示的初始样式。通过右上角的1我们知道中继器初始就是拥有交互的。
  其交互如上图所示,可以看出其交互为设置文字,如果将交互删除,效果如下图所示:
  简单来说,即如果删除了交互,列表中的内容将不会被加载,上图中左边为有交互的中继器,而右边则为没有交互的中继器。上面的中继器有1,2,3三个数字,表示该中继器暂时显示了三行,且每一行仅有一个数值。中继器的操作有点类似于动态面板,我们可以双击后进行进一步的设置。
  2、中继器的设置
  1。基本内容的显示
  如上图所示,我们双击进入中继器并在中继器中画两个圆,左边的圆命名为1,右边的圆命名为2。接着在中继器的设置中为其加上列m,设置m列的元素为a,b,c。这样我们就得到了一个有6个元素的中继器。
  但现在的中继器没有显示内容的交互,所以发布后没有什么变化,为了实现这个列表的显示,还需要进行一定的设置。
  设置方式如上图所示,让椭圆1显示第一列的内容,椭圆2显示第二列的内容,这样我们就可以得到最终的效果。
  上图为设置后的发布效果,可以发现,在左边和右边依次出现了第一列和第二列的内容,我们填入中继器中的内容通过两个椭圆显示了出来。
  2。添加行
  我们在界面中加入一个矩形,然后设置单击后的交互,交互设置如上图所示,单击后添加一个行,第一列的内容为4,第二列的内容为d,让我们试试效果。
  3。标记以及删除
  标记的操作如上所示,在中继器中再加一个椭圆,对其进行如上设置。当鼠标点击这个椭圆的时候,选中this,并显示文本“!”表示已经选中了该选项。
  接着新增按键删除,删除按键的交互如上所示,删除已经被标记的行。
  运行一下如下所示:
  3、页面显示设置
  如上图所示,在添加行中设置一个交互设置每页数目为5,再增加两个按键1和2,分别表示页面1以及页面二。
  为这两个按键分别设置交互,当点击2的时候,设置页面为2。按键1的设置同理。
  演示一下设置后的效果:
  可以看到,当添加行的时候,行数将会增加,但当行数到达5的时候将不会在本页增加,我们点击1和2可以发现多余的行切换至了第二页。
  总结
  本文文字并不多,但对中继器的各种设置基本都有提及,如果想要做更多的效果,那就需要再学习函数以及变量的内容,单靠对中继器的使用是无法完成的。
  相关资料
  《Axure教程使用中继器制作可以保存记录的秒表》
  《Axure教程淘宝网商品图片放大镜效果制作》
  《Axure教程完美的Banner轮播效果》
  《Axure教程一个简单的密码判断实例》
  《Axure教程简单但看起来厉害的微信原型》
  《有趣的Axure案例:投篮游戏抛物线设计》
  《有趣的Axure案例:像素鸟游戏的设计》
  《有趣的Axure案例:打地鼠游戏的设计》
  《有趣的Axure案例:钓鱼游戏的设计》
投诉 评论 转载

AxureSVN(服务器搭建运用),产品经理的硬实力文章主要给大家介绍一下AxureSVN,按照代码管理的方式来管理我们的产品原型文档。技术伙伴在访问https:xxxx。axshare。com的原型链接时,是否经常吐槽怎……Axure教程利用中继器做可以翻页的列表相信所有的产品经理以及有志于成为产品经理的人对中继器都不会很陌生,做为axure的两大高端功能之一,对中继器的了解往往可以检测一个人的axure使用水准。本教程将为大家介绍中继……“采坑,填坑”,项目的那些事儿(第四阶段:原型设计)在产品规划项目进程中,需求确立后,就需要根据相关的讨论进行原型的交互设计了。本文讲的是本系列文章的第四阶段原型设计。需求探讨;用户调研;需求汇总、沟通、评审;……Axure8。0:同一个元件实现“关注”按钮状态切换本文主要单研究一些产品设计中的小交互效果(后续持续更新),关注按钮的关注和取消关注切换,伴随状态变化的toast提醒。产品原型设计在产品经理的日常工作中,可以说是再熟悉不……Axure:制作PC端聊天窗口原型之前写文档没有用axure,最近才接触这个软件,觉得原型制作还是挺有趣的。闲来琢磨了一下里面的功能,边做边学,做了一个PC端的聊天窗口。现在还不够完善,只是将大概功能实现出来。……Axure教程:巧用中继器模拟App聊天界面本教程需要一定的Axure使用基础,重要知识点:中继器、动态面板、函数的使用。前言一般聊天界面一般包含下列元素:导航栏及其操作按钮。聊天气泡,包含聊天双……5个工作日完成一个完整的原型,如何做到?最近,我在CanvasFlip1上的团队得到一个任务:在一个星期内完成原型并进行可用性测试,当我的设计团队发现我们只有5个工作日的时间来完成一个完整的原型时,我们惊慌失措!……APP九宫格如何用Axure画出来?九宫格用来平铺展示很多频道或者栏目。那么如何用Axure画出该功能呢?常用场景有“微信APP我钱包”、“淘宝APP首页频道”、“支付宝APP首页”。一、原型画法(无……APP开关功能怎么用Axure画出来开关用来控制某些功能的开启和关闭。那么APP开关功能怎么用Axure画出来呢?常用场景有“是否允许新消息通知”“加我为好友是否需要验证”“是否允许APP给我推荐通讯录好友……表格设计(上篇):18种样式,与你分享最近在做一款工具类软件,主要涉及表格的设计,边工作边整理了一些表格的设计样式和原型图,拿出来与需要的人分享。欢迎与我交流,有需要原型的小伙伴也欢迎在下方留言。表格样式一……作为PM,你居然不知道Axure这10种非交互功能?提到Axure,这可是绝大多数PM童鞋靠着吃饭的家伙事儿。Axure被很多人定义为一个以交互见长的原型设计工具。很多初入坑甚至入坑甚久的PM为画出炫酷的原型挖空了心思。我想这对……Axure教程:制作待办事项列表待办事项是我们做时间管理时一个很好的工具,那么我们如何用Axure做一个待办事项列表呢?这就要用到中继器这个功能。中继器在英文里repeater。直译过来就是中继器,但是中继器……
3个方法减少操作步骤,提升产品的易用性3个方面教你:如何快速上手做交互译文丨2018网页设计总结反思设计的一致性80年代风很复古,足以指引着今天的设计语音交互设计的流程及方法界面视觉设计要素:字体篇如何建立适合自己产品的交互设计规范?对网页设计师而言,是选择单页面还是多页面的设计?从“曹冲称象”看设计如何量化案例研究:一款助眠APP的UI设计分析用Keep的案例,聊聊交互设计师的职责

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界