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

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

猜你喜欢

永信至诚IPO这家“小而美”的新股,背后则是中美数据攻防的大棋


邦达亚洲 强劲非农升温加息预期 黄金下挫失守1950关口


作家麦家亮相南国书香节谈文学,“我本身就是由文学组成的”


金融界看广东第一会|华农保险:以数智优势助推创新成果转化


3月7日基金净值:汇添富沪深300基本面增强指数A最新净值05614,跌043%


【环球财经】安永统计俱乐部:英国经济的滞涨状态将在2024年有所缓解


江苏银行:绿色运营响当当 开源节流来帮忙


Stellantis在美国向电动汽车消费者提供600美元促销


脱发的人选什么洗发露好防脱洗发水拿捏住了!


大摩看好Unity Software(UUS)游戏引擎竞争力 上调评级至“增持”


十大配资平台app:风险与机遇并存的投资策略详解


正规网上股票配资平台:放大你的投资潜力,稳健驶向财富之路


加杠杆炒股:风险与机遇并存的双刃剑


实盘配资平台排名:避坑指南,助您投资之路乘风破浪!


证券投资公司:掘金市场的专业向导


大智慧配资:撬动财富杠杆,稳健投资致富路?


天风证券是小券商吗?


股票交易软件:你的投资利器,助你乘风破浪


如何做短线投资:日赚斗金的秘诀?


实盘配资平台如何验证:避开金融陷阱,守护你的投资
