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

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

猜你喜欢

重仓股连跌三年,市场风格转向,张坤、赵诣们怎么看?


华商中证同业存单AAA指数7天持有期成立 规模50亿元


中岩大地(003001)8月29日主力资金净卖出15071万元


隋朝百万大军征讨高句丽,最后为何会惨败而回?还把隋朝拖垮了?


金田转债上涨029%,转股溢价率9568%


买股票怎么融资?——解锁投资财富密码


美股Biotech,开始告别寒冬


裕太微:8月1日接受机构调研,誉辉资本管理(北京)有限责任公司、东方财富证券股份有限公司等多家机构参与


什么叫杠杆股票?乘风破浪,玩转高风险高收益!


承德露露(000848SZ):拟推2024年员工持股计划 筹资总额上限为7800万元


A股分红金额创历史新高 大数据教你把握填权行情


点赞劳动者 李雪丽:面团里的“济宁故事”_饽饽_任城区_代表性


芒果超媒业绩快报:2021年净利润2114亿元,同比增长663%


4月2日基金净值:泰康创新成长混合A最新净值09576,涨024%


本周外盘看点丨美联储最关注通胀指标出炉,德国大选将如何搅动资本市场?


利好来了!大批公司业绩暴增 贵州茅台一季度营收破500亿元


面对死亡时,艺术家的晚期作品都是灾难


科普 煤炭价格对煤化工产业链影响解析


国产车衣怎么选?智博士还是膜小二?_品牌_涂层_车主


滚动更新丨纳指涨幅扩大至2%;美国上周初请失业金人数222万人
