Axure9 卷帘对比效果
2024-11-20 【 字体：大 中 小 】
今天同事问我卷帘对比效果原型怎么画，我就认真研究了一下，分享给大家~
首先我们要两张大小一致的图片，叠放在一起，上面的图片转化为动态面板（这里我将该动态面板命名为”上层图“，后文中的上层图都是指该动态面板），我们设置的原理就是：通过拖动改变动态面板显示区域的大小从而实现卷帘对比的效果；
初始状态是两张图各占一半，那我们就把上层动态面板的大小调整为一半（注意：是调整动态面板的大小不是上层图片的大小）；
我们需要设置一个拖拽杆，选择【水平线】拖拽到两张图分界处，长度调整和图片一致，为了更加明显，我调整了线段颜色和宽度；
因为动态面板才能设置拖动效果，所以我们将上层图和线段组合成动态面板；
选择我们刚刚组合的动态面板，设置交互效果：
1）拖动时–移动–水平线–跟随垂直移动让我们的拖动杆实现垂直拖动）；
（2）设置尺寸–上层图（动态面板）–设置高度和锚点（设置高度为拖动杆的y轴值，具体设置操作看图）；
最后不要忘了把我们刚刚组合的动态面板设置为【自适应内容】；
这样就完成所有操作了，大家可以试一试~
猜你喜欢
2024上海书展闭幕 “新风尚”融入阅读生活
8695 净利润创历史新高 海底捞预计去年净利不低于44亿元
4084 《黑神话：悟空》火了，华强北装机小哥：一天装几十台，从早忙到晚
7433 揭秘证券公司可靠性：投资者的指南
2759 欧普康视（300595）7月17日主力资金净买入42924万元
631 时隔8年，又有A股银行或将被险资举牌
513 邦达亚洲 强劲非农升温加息预期 黄金下挫失守1950关口
5523 低风险股票配资 ,朱鹤新：2024年资本项下外资流入将更加活跃
6177 “请到广东过暑假”研学活动小记者名单出炉！
569 民生证券：给予航天南湖买入评级
5204 
隐藏的社区商业中的小众宝藏赛道——酥鱼_鱼店_居民_发展
长安→西安的演变：一座古都的改名换姓史_扩建_城墙_奉元
投顾观市：A股八连阳逼近缺口！3100家飘红却缩量？
许昌智能大宗交易成交4500万股 成交额48735万元
民生证券 给予阿特斯买入评级
慧博云通拟收购宝德计算机控制权 标的位居中国ARM服务器市场首位
英伟达第四财季营收393亿美元 同比增长78%
邦达亚洲： GDP数据表现疲软 美元指数刷新5个月低位
“五一”假期累计夜间客流量759544万人次 同比增长52%
美国上诉法院阻止拜登政府的学生贷款减免计划
