Axure9 卷帘对比效果
2024-11-20 【 字体:大 中 小 】


今天同事问我卷帘对比效果原型怎么画,我就认真研究了一下,分享给大家~

首先我们要两张大小一致的图片,叠放在一起,上面的图片转化为动态面板(这里我将该动态面板命名为”上层图“,后文中的上层图都是指该动态面板),我们设置的原理就是:通过拖动改变动态面板显示区域的大小从而实现卷帘对比的效果;
初始状态是两张图各占一半,那我们就把上层动态面板的大小调整为一半(注意:是调整动态面板的大小不是上层图片的大小);

我们需要设置一个拖拽杆,选择【水平线】拖拽到两张图分界处,长度调整和图片一致,为了更加明显,我调整了线段颜色和宽度;

因为动态面板才能设置拖动效果,所以我们将上层图和线段组合成动态面板;

选择我们刚刚组合的动态面板,设置交互效果:
1)拖动时–移动–水平线–跟随垂直移动让我们的拖动杆实现垂直拖动);
(2)设置尺寸–上层图(动态面板)–设置高度和锚点(设置高度为拖动杆的y轴值,具体设置操作看图);


最后不要忘了把我们刚刚组合的动态面板设置为【自适应内容】;

这样就完成所有操作了,大家可以试一试~
猜你喜欢
茂业国际(00848HK)附属与深圳世金签订网络推广服务协议
459
平台杠杆炒股:撬动财富的双刃剑
3320
IP孵化圈,批量申请“仅退款”
1678
康迈荣获“安全可靠重卡轮端”奖
7275
2月22日基金净值:太平恒利纯债最新净值10759,涨001%
5275
欧洲主要股指开盘涨跌不一 法国CAC40指数下跌038%
6630
方萍萍:黄金短期关注上方2368一线的压制
1213
股指交易杠杆:高风险高收益的双刃剑
9967
全国掀起《公务员遴选考试写作精讲》抢购热潮,成考生备考“抢手货”_分析_题型_滢滢
3209
帕金森的治疗方法
1649
民生证券 给予阿特斯买入评级
慧博云通拟收购宝德计算机控制权 标的位居中国ARM服务器市场首位
英伟达第四财季营收393亿美元 同比增长78%
邦达亚洲: GDP数据表现疲软 美元指数刷新5个月低位
“五一”假期累计夜间客流量759544万人次 同比增长52%
美国上诉法院阻止拜登政府的学生贷款减免计划
4月15日周生生黄金价格996元克
GXA N13对比Hypervolt 2 Pro,性能实测后惊掉下巴!_肌肉_设计_健身房
河南疫情最新消息:郑州市在例行核酸检测中发现3例阳性人员 荥阳市贾峪镇区域实行分类管理
深圳湾悦府高层住宅爆燃,着火范围有房源多次被法拍
