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

今天同事问我卷帘对比效果原型怎么画,我就认真研究了一下,分享给大家~
首先我们要两张大小一致的图片,叠放在一起,上面的图片转化为动态面板(这里我将该动态面板命名为”上层图“,后文中的上层图都是指该动态面板),我们设置的原理就是:通过拖动改变动态面板显示区域的大小从而实现卷帘对比的效果;
初始状态是两张图各占一半,那我们就把上层动态面板的大小调整为一半(注意:是调整动态面板的大小不是上层图片的大小);
我们需要设置一个拖拽杆,选择【水平线】拖拽到两张图分界处,长度调整和图片一致,为了更加明显,我调整了线段颜色和宽度;
因为动态面板才能设置拖动效果,所以我们将上层图和线段组合成动态面板;
选择我们刚刚组合的动态面板,设置交互效果:
1)拖动时–移动–水平线–跟随垂直移动让我们的拖动杆实现垂直拖动);
(2)设置尺寸–上层图(动态面板)–设置高度和锚点(设置高度为拖动杆的y轴值,具体设置操作看图);
最后不要忘了把我们刚刚组合的动态面板设置为【自适应内容】;
这样就完成所有操作了,大家可以试一试~

猜你喜欢

内娱女星10大出圈造型:刘诗诗太经典,杨幂最难忘,热巴占两套


8月6日市场消息早报(周二)


美国郁闷了!中国持有美债继续下跌


白云首个在校“地铁科普课堂”挂牌!广州地铁科普常态化进校园


弃医从商16年,山西女硕士登顶全省首富,全靠一项全球独有的技术


凯众股份(603037SH):目前尚未在人形机器人使用


8月换机攻略:三款超强性价比神机,闭眼入不踩坑


高中英语科目或迎来新调整,你知道吗?


家长辅导作业被气到“心裂”,险丧命


低风险股票配资 ,朱鹤新:2024年资本项下外资流入将更加活跃


GXA N13对比Hypervolt 2 Pro,性能实测后惊掉下巴!_肌肉_设计_健身房


河南疫情最新消息:郑州市在例行核酸检测中发现3例阳性人员 荥阳市贾峪镇区域实行分类管理


深圳湾悦府高层住宅爆燃,着火范围有房源多次被法拍


时尚情报 奢侈品牌进驻南昌,爱马仕给全球员工发奖金


4月5日金至尊黄金价格952元克


全球首个!人形机器人自主站立控制技术取得新突破


原创还记得当年的“胜利之吻”?他们是情侣吗?为何终生再没见过面?_沙恩_因为_战争


当下经济环境的复杂与多变|荐书


2025年5月5日全国主要批发市场海水蟹价格行情


全国掀起《公务员遴选考试写作精讲》抢购热潮,成考生备考“抢手货”_分析_题型_滢滢

GXA N13对比Hypervolt 2 Pro,性能实测后惊掉下巴!_肌肉_设计_健身房

河南疫情最新消息:郑州市在例行核酸检测中发现3例阳性人员 荥阳市贾峪镇区域实行分类管理

深圳湾悦府高层住宅爆燃,着火范围有房源多次被法拍

时尚情报 奢侈品牌进驻南昌,爱马仕给全球员工发奖金

4月5日金至尊黄金价格952元克

全球首个!人形机器人自主站立控制技术取得新突破

原创还记得当年的“胜利之吻”?他们是情侣吗?为何终生再没见过面?_沙恩_因为_战争

当下经济环境的复杂与多变|荐书

2025年5月5日全国主要批发市场海水蟹价格行情

全国掀起《公务员遴选考试写作精讲》抢购热潮,成考生备考“抢手货”_分析_题型_滢滢
