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

AxureRP8:如何做出点击按钮切换页面效果?

8月4日 温柔冢投稿
  如何利用AxureRP8做出点击按钮切换页面效果?一起来文中看看
  先来看一下页面的效果图:点击不同的按钮,切换不同的页面。(是web端和手机端都很常见的交互效果)
  实现这一效果大致要分为三个步骤:
  为按钮添加“选中”后的效果;
  设置动态面板,并对其进行状态编辑;
  通过对“鼠标单击”命令的编辑,完成交互设置。(其中一、二顺序谁先谁后都ok)
  先来讲第一个步骤,为按钮添加“选中”状态的效果(我会对其分为几个小的步骤)。
  搭建出一个类似的原型,根据按钮的数量对文件逐一进行命名(重新命名是为了方便后面的操作);
  选中其中想要做变化的按钮,在鼠标状态中单击“选中”(selected)选项,调出编辑器,对按钮颜色和字体颜色进行编辑,确定后,检查“选中”状态后的备注变化,标有备注信息说明操作成功。
  对其他按钮分别进行第2步的操作,这样为按钮添加效果的第一步就完成了。
  接着,来说第二个步骤:设置动态面板(也就是需要做变化的页面)。
  选中图片右键选择“转为动态面板”选项,这时右侧的图片文件会发生变化,转化为动态面板,里面默认会包含一个状态文件,然后对动态面板(不是里面的包含文件)进行重新命名。
  对动态面板下的状态图层进行复制,有几个按钮,就复制几个文件。
  文件复制完了,双击动态面板调出编辑器,选择“编辑所有文件”的小图标,然后确定,这时候菜单栏下会生成所有需要编辑的状态文件。
  选择需要编辑的状态文件进行编辑(如只换颜色,可复制效果,粘贴到其余文件中进行编辑即可,这样能快一些),编辑完成后叉掉(关闭)即可。
  最后,将按钮和动态面板效果进行交互编辑,效果就完成啦。
  还记着之前对按钮进行了“选中”状态的编辑嘛?现在需要让这个效果能在预览中显示,我们就需要双击在交互面板里的“单击”(onclick)选项,调出编辑器之后,在元件库中找到“单击按下”选项,选中它,然后在右侧文件中找到对应的文件名称,勾选后确定。(剩下的按钮也是这样操作)
  选中刚才的按钮,双击“case1”调出编辑器,在编辑器中找到“设置动态面板”选项,然后勾选右侧的动态面板,然后在状态栏中选择对应按钮点击时,需要做变化的状态文件,设置好点击确定。(其他按钮的操作也是如此,如果熟悉了操作不需要分别两次打开编辑器,直接进行操作也是可以的,我是为了方便拆解步骤看的清楚才分了两步)
  最后,还有一个关键的步骤:为了预览时,按钮切换的效果更加自然,需要选中所有的按钮元件,进行编组命名。
  以上步骤都完成后,即可预览查看效果了。
投诉 评论 转载

Axure教程:上下翻动效果制作步骤详解文章主要跟大家介绍,如何利用Axure制作上下翻动效果,一起来看看主要是用Axure做手机APP,内容翻动的效果如何实现:让内容在显示区域滚动;内容面板没有接……Axure教程:商品图片放大效果制作步骤详解(简版)商品图片,在鼠标移到就有放大的效果,这就情况该如何实现?学习做京东、淘宝等购物网站,鼠标移入商品图片上就有放大的效果,如何实现:选中商品小图,显示对应的商品中图(简……Axure教程:拖动拼图解锁效果制作步骤详解本文详细介绍了如何用Axure制作拼图样式的拖动解锁效果,有需要的小伙伴赶紧学习起来用Axure制作拼图样式的拖动解锁的效果:拉动按钮直线运动在一定范围内;拼……AxureRP8:如何做出点击按钮切换页面效果?如何利用AxureRP8做出点击按钮切换页面效果?一起来文中看看先来看一下页面的效果图:点击不同的按钮,切换不同的页面。(是web端和手机端都很常见的交互效果)实现……Axure教程(中级):分类导航菜单高亮条的实现本文介绍了分类导航菜单高亮条效果如何实现,供大家参考学习,enjoy下面这种分类导航菜单效果,大家都见过,接下来将讲解此实现效果。主要是运用【绝对位置】移动效果和函数〔〔……打造高品质Axure组件库,就是这么简单!本文介绍的关于如何打造高品质Axure组件的思路,希望能够给大家带来一些新的思路拓展和知识补给。提高效率是节约时间成本的唯一途径,产品组件库地打造可以有效的帮助我们解决一……Axure教程:由下至上机械形式滚动的动态列表由下至上机械滚动动态列表该如何设计?本文对其设计过程进行了详细地介绍,enjoy一、页面布局1。1页面设定新建一个页面,命名为【由下至上一次机械滚动……Axure教程:通过关键字进行搜索方法探索在Axure原型中,究竟是如何通过关键字进行搜索的?实现效果:通过关键字,在众多条目信息中检索出符合要求的信息,即关键字筛查功能的实现。部件:文本框、形状、表格单元……AxureRP9案例:京东与淘宝的商品图片是如何被放大的?在电商的商品详情页中我们经常会看到图片放大器的运用,我们以京东商品详情页为例来制作这样的原型效果。案例中综合运用了鼠标移入事件、鼠标移动事件,元件的移动、元件的显示隐藏等交互动……Axure教程:横轴动态滚动通知公告设计横轴动态滚动通知公告如何设计?以下,笔者给出了详细地设计过程,赶紧学习起来吧!页面布局页面设定新建一个页面文件,命名为【横轴动态滚动通知公告】。在【横轴……Axure教程:界面右侧悬浮可伸缩动态按钮制作界面右侧悬浮可伸缩动态按钮要如何制作?来文中看看便知1。页面布局页面设定:新建一个页面,命名为【界面右侧悬浮可伸缩动态按钮】,在这个页面下面新建一个叫做【界面……精美横轴智能滚动条设计如何设计一款精美的横轴智能滚动条?本文对设计过程进行了详细地介绍。页面布局页面设定新建一个页面文件,命名为【精美横轴智能滚动条设计】。在【精美横轴智能滚……
很多网站提供用微博和QQ账号登录,好处是什么呢?用户研究和采集信息的使用周星驰:“对不起,我只是一个产品经理”网易云音乐:个性化推荐为何那么难没有故事的企业是很危险的一定要比逼格更逼格互联网产品如何在红海逆袭!想成为优秀产品经理?别忽视这十本好书关于工作效率的心得分享想应聘产品经理该如何写出好的简历如何成为出色的产品经理陌生人社交App“约炮”起家也必将灭亡评估你的产品线组合
衣服怎么搭配好看欧美冬季穿搭街拍人生的作业(人生作业不能拖欠)王东慵懒风写真发布酷与萌的距离只差一只猫信小呆一元转让中国锦鲤这次营销有点儿翻车明色眼霜保质期怎么看日本明色眼霜怎么样以人才支撑战略转型围甲第14轮成都距离蝉联一步之遥季后赛争夺战二桃杀四士管理者如何才能帮助技术男赢得同事协作偷学气质女人的优雅小秘密一年级语文教学总结开会的通知宁静的夏夜的作文

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