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

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

猜你喜欢

向“新四化”深度变革,这些车企的“十四五”规划透露哪些信号?


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


实盘股票配资平台:高杠杆下的财富游戏与风险防范指南


盘点史上最奇妙的9种古诗词,令人叹为观止


怀孕的冷知识有这些!


川宁生物抢抓机遇,力争成为合成生物制造领域的头部企业


天风证券是小券商吗?


饱受抑郁症困扰的明星们,娱乐工业化无法逃避的代价?


东阿阿胶(000423SZ)发布半年度业绩,净利润738亿元,同比增长3903%


太变态!泰国女性叫网约车遇暴露狂,不穿裤子且暴露生殖器


关税风暴下 中概股、赴美上市企业何去何从?投行人士提出三大策略


高盛:科技巨头业绩提振信心 近期回调为买入美股AI板块提供良机


58头麋鹿背后的生态经济学(人民时评)


罕见,“谷子经济”首只10倍股诞生!千亿级大市场,A股正宗概念股揭秘


“旅游景点的英文名汇总”_iconic_When_names


摊牌了!欧佩克+放水冲垮市场预期,油价重心持续走低


三只羊旗下三只狼电商公司拟注销


炒股资金放大:撬动财富的杠杆与风险控制


股票配资:高风险高收益的双刃剑,如何稳操胜券?


炒股配资合法吗? 一探究竟,规避风险
