哪位axure大神解答下 有个axure下拉框交互效果隐藏实现不了

来源：蜘蛛抓取(WebSpider) 时间：2018-05-13 16:29 标签： axure下拉框交互效果
Axure7.0—移动端下拉刷新，上拉加载在制作移动端原型时，经常使用的交互方式——下拉刷新，上拉加载。由于经常使用，我开始做的时候一般的方法就是按照网上教程做好一个之后，下次再用直接复制粘贴或者存成原件。后来再让自己做一个出来的时候，就已经忘记的差不多了，所以在此记录下来。方法与网上Axure大神制作方法一致或相似，不喜勿喷。 1.拖一个动态面板，名称为主屏，设置宽高为320*480。2.往动态面板 “主屏”中放入一个动态面板，名称为内容，设置宽高为320*580，坐标是（0，-50）。上面的50用于显示刷新提示，下面的50用于显示加载的提示。3.往动态面板 “内容”中放入一个动态面板，名称为刷新，设置宽高为320*50。它有两个状态，一个是提示，一个是更新中。往状态“提示”中放入一个文本“松手后刷新”；往状态“更新中”中放入一个文本“更新中”。4.往动态面板 “内容”中放入一个矩形，名称为列表，输入文字“列表”，设置宽高为320*480。 5.往动态面板 “内容”中放入一个矩形，名称为加载中，输入文字“加载中”，设置宽高为320*50。以及一个动态面板，名称为圈，动态面板“圈”中有4个状态。6.在动态面板“圈”的状态state1中拖入一个圆，线框为由白到黑的渐变，角度为0，无填充色。 7.把state1中的圆，复制到state2、3、4中，角度分别为90、180、270。 ---------------------------内容准备完成------------让我们的面板动起来吧--------------------------- 1.给动态面板“主屏”添加“拖动时”事件。 2.给动态面板“主屏”添加“拖动结束时”事件。 1)由于向上滑动和向下滑动的所出现的效果不同，所以我们需要添加条件。点击“添加条件”按钮，弹出条件设立的对话框，选择值。点击后面的“fx”，弹出对话框，选择“TotalDragY”，点击确定。2)条件添加完成，现在可以添加事件啦。如果是向上滑动，我们要显示加载信息，并且让我们的圈圈转起来。拖拽结束后，我们先要确保页面在正常位置上，所以先要移动“内容”回到绝对位置（0,-100），这样“加载中”的文字就显示出来啦~现在我们要让圈转起来，设置动态面板“圈”开始循环。然后，等待1500毫秒，建立一种真的在加载的假象。最后，移动页面让加载信息不可见。3)接下来我们就判断向下滑动，显示刷新信息。同理，为了确保页面在正常位置上，移动“内容”回到绝对位置（0,0），这样刷新信息就显示出来了。 设置动态面板“刷新”状态为“更新”。然后，等待1500毫秒，建立一种真的在刷新的假象。最后，移动页面让刷新信息不可见。
好啦~我们现在大功告成啦~附一张整体的事件图：2添加评论分享收藏文章被以下专栏收录互联网产品经理，产品设计更多频道内容在这里查看
爱奇艺用户将能永久保存播放记录
过滤短视频
暂无长视频（电视剧、纪录片、动漫、综艺、电影）播放记录，
按住视频可进行拖动
&正在加载...
举报视频：
举报原因(必填)：
请说明举报原因(300字以内)：
请输入您的反馈
举报理由需要输入300字以内
感谢您的反馈～
请勿重复举报~
请刷新重试~
收藏成功，可进入
查看所有收藏列表
当前浏览器仅支持手动复制代码
视频地址：
flash地址：
html代码：
通用代码：
通用代码可同时支持电脑和移动设备的分享播放
用爱奇艺APP或微信扫一扫，在手机上继续观看
当前播放时间：
一键下载至手机
限爱奇艺安卓6.0以上版本
使用微信扫一扫，扫描左侧二维码，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：
设备搜寻中...
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
连接失败！
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
部安卓（Android）设备，请点击进行选择
请您在手机端下载爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：
爱奇艺云推送
请您在手机端登录爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
180秒后更新
打开爱奇艺移动APP，点击“我的-扫一扫”，扫描左侧二维码进行登录
没有安装爱奇艺视频最新客户端？
Axure基础教程03-制作下拉联动菜单
正在检测客户端...
您尚未安装客户端，正在为您下载...安装完成后点击按钮即可下载
30秒后自动关闭
Axure基础教程03-制作下拉联动菜单">Axure基础教程03-制作下拉联动菜单
请选择打赏金额：
播放量12.7万
播放量数据：快去看看谁在和你一起看视频吧~
更多数据：
热门短视频推荐
Copyright (C) 2018 & All Rights Reserved
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制
正在为您下载爱奇艺客户端安装后即可快速下载海量视频
正在为您下载爱奇艺客户端安装后即可免费观看1080P视频
&li data-elem="tabtitle" data-seq="{{seq}}"& &a href="javascript:void(0);"& &span>{{start}}-{{end}}&/span& &/a& &/li&
&li data-downloadSelect-elem="item" data-downloadSelect-selected="false" data-downloadSelect-tvid="{{tvid}}"& &a href="javascript:void(0);"&{{pd}}&/a&
选择您要下载的《
后才可以领取积分哦~
每观看视频30分钟
+{{data.viewScore}}分
{{data.viewCount}}/3
{{if data.viewCount && data.viewCount != "0" && data.viewCount != "1" && data.viewCount != "2" }}
访问泡泡首页
+{{data.rewardScore}}分
{{if data.rewardCount && data.rewardCount != 0 && data.getRewardDayCount != 0}}1{{else}}0{{/if}}/1
{{if data.rewardCount && data.rewardCount != 0 && data.getRewardDayCount != 0}}
+{{data.signScore}}分
{{data.signCount}}/1
{{if data.signCount && data.signCount != 0}}
色情低俗内容
血腥暴力内容
广告或欺诈内容
侵犯了我的权力
还可以输入
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制褰撳墠浣嶇疆:
闃呰?姝ｆ枃
25瀛﹀爞鐨勫皬缂栦粖澶╁緢鑽ｅ垢涓嶢xure涓?枃绀惧尯鍒涘?浜哄肮骞跨?锛岃繘琛屼簡鐭?殏鐨勪氦娴佷笌娌熼

我要回帖

更多关于 axure下拉框交互效果 的文章

 

随机推荐