十大股票配资平台排名-十大股票配资交易平台_配资网站排名前十

当前所在位置:首页 > 十大股票配资平台排名

Axure9 卷帘对比效果

2024-11-20 【字体：大中小】

今天同事问我卷帘对比效果原型怎么画，我就认真研究了一下，分享给大家~

首先我们要两张大小一致的图片，叠放在一起，上面的图片转化为动态面板（这里我将该动态面板命名为”上层图“，后文中的上层图都是指该动态面板），我们设置的原理就是：通过拖动改变动态面板显示区域的大小从而实现卷帘对比的效果；

初始状态是两张图各占一半，那我们就把上层动态面板的大小调整为一半（注意：是调整动态面板的大小不是上层图片的大小）；

我们需要设置一个拖拽杆，选择【水平线】拖拽到两张图分界处，长度调整和图片一致，为了更加明显，我调整了线段颜色和宽度；

因为动态面板才能设置拖动效果，所以我们将上层图和线段组合成动态面板；

选择我们刚刚组合的动态面板，设置交互效果：

1）拖动时–移动–水平线–跟随垂直移动让我们的拖动杆实现垂直拖动）；

（2）设置尺寸–上层图（动态面板）–设置高度和锚点（设置高度为拖动杆的y轴值，具体设置操作看图）；

最后不要忘了把我们刚刚组合的动态面板设置为【自适应内容】；

这样就完成所有操作了，大家可以试一试~

阅读全文

猜你喜欢

上海资产管理协会：今年以来，阶段性完成了超过一半的全年工作计划项目任务

达力集团发布中期业绩股东应占溢利5366亿港元同比大幅增长超3634倍

利好来了！上海大消息

新浪财经期货行情：实时动态，掌握市场先机

帕金森的治疗方法

港股异动猫眼娱乐(01896)再跌超4% 上半年纯利同比减少228% 机构称全年电影票务业务或同比下滑

来绍兴过年，这篇攻略就够了

老工业基地吉林延伸氢能产业链绿能产品瞄准沿海市场

科技与产业“两张皮”要变“两头甜”

学会这个“绿色”驱蚊小妙招，再也不用半夜起来打蚊子了！