Axure9 卷帘对比效果
2024-11-20 【 字体:大 中 小 】
今天同事问我卷帘对比效果原型怎么画,我就认真研究了一下,分享给大家~
首先我们要两张大小一致的图片,叠放在一起,上面的图片转化为动态面板(这里我将该动态面板命名为”上层图“,后文中的上层图都是指该动态面板),我们设置的原理就是:通过拖动改变动态面板显示区域的大小从而实现卷帘对比的效果;
初始状态是两张图各占一半,那我们就把上层动态面板的大小调整为一半(注意:是调整动态面板的大小不是上层图片的大小);
我们需要设置一个拖拽杆,选择【水平线】拖拽到两张图分界处,长度调整和图片一致,为了更加明显,我调整了线段颜色和宽度;
因为动态面板才能设置拖动效果,所以我们将上层图和线段组合成动态面板;
选择我们刚刚组合的动态面板,设置交互效果:
1)拖动时–移动–水平线–跟随垂直移动让我们的拖动杆实现垂直拖动);
(2)设置尺寸–上层图(动态面板)–设置高度和锚点(设置高度为拖动杆的y轴值,具体设置操作看图);
最后不要忘了把我们刚刚组合的动态面板设置为【自适应内容】;
这样就完成所有操作了,大家可以试一试~
猜你喜欢
雷军发文悼念宗庆后:一代传奇
2月14日远 望 谷涨停分析:电子身份证,电子车牌,物联网概念热股
广州现代化产业稳步跃升
异动快报:ST金时(002951)3月11日14点18分触及涨停板
普惠型小微贷款增长快
2024年2月18日安徽省淮北市中瑞农产品批发市场价格行情
厦门国际银行珠海分行:银警校共联手,护航平安校园
2024上海书展闭幕 “新风尚”融入阅读生活
晚秋论金:周二黄金2055多在2065止赢,今天2056-2052区间看多
中越首个跨国服务救助平台开通绿色通道突破600次
乖宝宠物(301498)8月28日主力资金净买入281082万元
学会这个“绿色”驱蚊小妙招,再也不用半夜起来打蚊子了!
市场想错了!技术分析师:黄金、美元指数存在正向关系 金价形成“巨大牛市”楔形突破
蓝丰生化(002513)7月31日主力资金净卖出41010万元
科拓生物(300858SZ):与润合供应链集团签订战略合作协议书
第三方理财的长期可行性:机遇与挑战
探索中国最值得信赖的理财平台,保障您的财富
宝兰德新注册《宝兰德应用服务器智能版软件V100》项目的软件著作权
白银涨疯了!银价单日暴涨超3% 白银最新交易分析
炒股必备:在炒股软件外安装画线工具,提升分析效率