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

Axure教程:省市区级联效果实现的两种方式(下拉列表和动态

3月27日 不星湖投稿
  级联是原型中比较常用的一种效果,在绘制级联效果时我们通常采用的动态面板,加上“选项改变时”事件完成。这种情况下若级联下拉框值过多时,那么必须为每个下拉框值写事件,耗费时间与精力。接下来本文将展现省市区级联的两种方式,后者采用动态面板中“value”属性实现效果。大家可以进行比较。
  第一种方式:使用下拉列表框
  为下拉列表框每个值编写“选项改变时”事件。
  1。在设计器中拖拽三个下拉框,三个文本标签,并对每个下拉框进行命名,将“市”、“区”下拉框转换成动态面板。如下图:
  2。为省、市、区添加模拟数据。在添加市、区时需要注意,因为是不同省对应的不同的市、区,所以市、区动态面板要分别创建。如下图:
  3。省市区级联思路:选择省之后,市、区应该随之改变,例如,选择安徽省,市下拉框应该是安徽省下面的所有市,区下拉框应该是当前选中市所有的区(一般默认为省会城市、省会城市所在区)。
  下面创建“省”下拉框的“选项改变时”事件。
  依照设置安徽省的,完全其他省的设置。设置完成后如下图:
  设置后,F5运行,效果如下:
  下面创建“市”下拉框的“选项改变时”事件。
  因为“市”下拉框与“区”下拉框是动态面板,所以在设置“选项改变时”事件时,需要到每个面板中对应设置。
  依照合肥市,设置安徽省其他市设置,如下图:
  与合肥市相同的,完成其他省市的“选项改变时”事件的设置。
  设置完成后,F5运行,如下图:
  至此,通过第一种编写下拉框各项“选项改变时”事件实现省市县级联效果完成。
  第二种方式:利用动态面板
  利用动态面板状态“value”属性,通过变量和编写“选项改变时”事件实现效果。
  在第一种方式中我们写了如下多事件:如下图
  在第一种方式中看到,需要为每一个下拉框编写事件,如果要实现32个省市自治区级联效果,难道要编写32个条件判断?估计会被折磨死了。下面简单介绍第二种实现方式。
  首先保证“省”下拉框内选项值与“市”动态面板的名称相同,如下图:
  为什么要两者名称一致?下面介绍,动态面板value属性。
  动态面板状态名称就是value,所以当省与动态面板名称一致时,动态面板会自动匹配相对应的下拉框。需要做一下设置:
  〔〔LVAR1〕〕是什么?〔〔LVAR1〕〕是变量值,Axure里面有变量的概念,就和编程中变量一样。把当前原件选项值赋值给变量LVAR1,之后“市”动态面板会自动匹配相对应的下拉框。效果如下:
  类似的,为“市”动态面板下拉框设置“区”动态面板的事件。
  用这种方式实现级联效果,我们没有过多的编写事件,只有了动态面板的value属性即可,大大提高了原型制作效率。
  小结:
  为大家介绍了两种实现级联效果的方式,第二种方式需要掌握Axure变量的相关知识。
  后续会为大家介绍Axure变量的相关知识点。任何问题可以留言,互相交流。
投诉 评论

Axure8。0实例多级联动下拉框最近看到一篇文章,关于下拉框联动的问题,个人觉得使用动态面板状态使用起来不太方便,也不便于扩充,所以就自制了一个多级菜单联动的元件出来,与大家共享一下。如果大家有什么想要做的小……Axure8。0原型:小白改进版环形进度条今天在网上看到了几篇关于环形进度条的Axure教程,由于天性愚钝,学了一整天才弄懂其原理,但是强迫症的细胞告诉我网上的几篇教程不太完美,于是我跳进了产品经理最忌讳的坑追求完美。……Axure8。0小技巧:快速制作简单转盘轮盘抽奖在各种App和网页的活动页面中经常使用,如何才能方便的设计出抽奖页面呢?原型分析流程分析:点击“抽奖”按钮后,轮盘转动足够多圈数后停下必备元素分析:指……Axure8。0实例简单易扩展的手风琴菜单系统中常常会有多级目录,这里简单介绍一下常常使用到的手风琴的菜单,本文用到的知识点主要是对中继器的筛选和动态面板的尺寸及移动。预览:一、元件准备1、矩形框一个……Axure基础教程:合理使用母版进行模块化设计合理地使用母版进行模块化设计,会使你的原型制作事半功倍。Axure原型的制作过程中,你一定遇到过这样的问题,出现在不同页面的功能模块,如果你是通过复制粘贴来完成的,那么当……在交互设计稿中,那些被人忽略的细微之处作为一个经历了从小到大公司的交互设计师,笔者对于交互设计的认识,也从浅入深,从宏观到微观,自己慢慢的形成了对交互设计的一系列心得,慢慢的关注开始关于交互细节的小技巧。其中交互稿……12小时快速打造营销型微电商原型,内置5个小互动之前一直没有接触过电商方面的产品,趁着周末,花了些时间设计了下。没有过多思考,直接拿起Axure开干,有什么不足之处,大家请指正,谢。高保真原型和PRD就不做了,太花时间了还有……Axure需求文档应用:手机流量监控产品功能设计axure需求文档,这个文档顾名思义就是用axure来写需求文档了。废话不多说,直接上图:流量监控功能核心包括3块:基本流量监控、流量校正、提醒。目前市面上通用的流……产品设计流程系列:如何进行原型设计(下)接着上篇《产品设计流程系列:如何进行原型设计(上)》。我们已经了解了原型的相关知识,也掌握了如何熟练地使用一款原型设计工具,那最后就可以进入到真正的原型设计实战阶段了。产……深度分析:从交互效果的实现,探讨一下Axure背后的逻辑通过对做这个原型过程的思考,我们可以发现,在用Axure做原型时,大部分的交互效果都可以使用“交互效果流程化,Axure功能来替换”的方法思考。学习Axure时,在一些群……Axure教程:省市区级联效果实现的两种方式(下拉列表和动态级联是原型中比较常用的一种效果,在绘制级联效果时我们通常采用的动态面板,加上“选项改变时”事件完成。这种情况下若级联下拉框值过多时,那么必须为每个下拉框值写事件,耗费时间与精力……Axure8。0实例简单实用的进度条加载时,一个简单的进度条或许能让网站增彩很多。这个进度条的特点是:无论大小如何缩放,都不会影响进度条的质量(话说的有些绝对了,个人觉得绝大部分情况下不会出现问题),预览一……
如何输出有效的设计方案在方案设计时,会出现一种情况:似乎已经输出了所有可能的方案,但讨论定稿时还是觉得不够满意,认为应该有更优方案的输出?什么原因导致了这种情况?如何输出有效的设计方案?nbs……金山网络CEO傅盛:去他的“工程师逻辑”以前我当产品经理的时候,经常因为“逻辑”跟工程师吵得一塌糊涂。那个时候的工程师们都喜欢树型结构。虽然今天已经销声匿迹了,但他们仍然喜欢把“逻辑”挂在嘴边。他们会在产品上花……重新设计Google(一)Google在搜索、广告和地图等领域占据着长期的统治地位,现在它将设计的重心从实用性转移至了美感,正得益于此,Google变得前所未有的强大。“我一直认为Google有些……为何这些细节在设计中容易被忽略在设计师与程序员的团队合作过程中,常会面临到一个问题,就是规划好的视觉界面与操作流程,在实际程式实作时才发现许多冲突与不完整的地方,产生许多额外的来回沟通时间与修改调整的成本,……做有效的设计:移动应用中如何实时指导用户MobileFirst的作者,著名的用户体验专家LukeWroblewski是一个十分乐于分享的人,尤其是在自己开发了投票应用Polar之后,他就经常分享自己在产品改进上的经验……“类扁平化设计”为何成为趋势本文作者张悦是PICOOC公司创始人,PICOOC研发的第一款将于近期上市的智能设备是名叫Latin的智能秤,具体可见我们之前的报道。张悦之前还创办过移动应用开发培训公司博看文……非码农也能看懂的“机器学习”原理我们先来说个老生常谈的情景:某天你去买芒果,小贩摊了满满一车芒果,你一个个选好,拿给小贩称重,然后论斤付钱。自然,你的目标是那些最甜最成熟的芒果,那怎么选呢?你想起来,啊……回归简约,做最真实的设计最近“扁平化”的界面设计风格风靡一时,早在Android4。0推出的时候此设计风格就已经得到了广泛的认可,再到iOS7的发布,则将这一设计风格推向了高潮。流行“平”的界面风格不……初创公司如何做产品开发哲学,怎样避免画蛇添足的窘境?最近在帮公司找mobileappdeveloper,跟不同的developer间有很多意见的交流,也从他们的开发经验里学到不少不同的逻辑跟观点。“你们的app看起来还很阳……邮件设计案例分析:同样的思路,不同的表现对于美,仁者见仁智者见智,但在邮件设计中,订阅者才是最终评委。为了能够吸引订阅者在打开后继续点击、产生后续转化,我们通常会设计明显的calltoaction,其实尝试跳出传统产……文化理论与设计初探全球化毋庸置疑的已经成为一种事实和趋势。人们在“地球村”的沟通和交往早就超越了线下真实的生活。互联网连接全球的各个角落,形成了虚拟的线上社区,让随时随地跨文化、跨民族的交流成为……越来越平庸的Google应用?〔核心提示〕当所有的东西都是灰色的时候,不是灰色的东西就显得鹤立鸡群。Google应用使用灰色极简风格是为了更好地衬托出优秀的第三方应用。注:这篇文章译自And……
友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界