Axure RP 9.0教程: 基于动态面板的元件跟随来实现【音量滑块】

文章目录

  • 引言
  • I 音量滑块的实现步骤
    • 添加底层边框
    • 添加覆盖层
    • 基于覆盖层创建动态面板
    • 添加滑块按钮
    • 设置滑块拖动效果

引言

音量滑块在播放器类APP应用场景相对较广,例如调节视频的亮度、声音等等。
Axure RP 9.0教程: 基于动态面板的元件跟随来实现【音量滑块】_第1张图片
Axure RP 9.0教程: 基于动态面板的元件跟随来实现【音量滑块】_第2张图片

I 音量滑块的实现步骤

添加底层边框

在画布中添加一个矩形框:500 x 32,圆角设置为16;
Axure RP 9.0教程: 基于动态面板的元件跟随来实现【音量滑块】_第3张图片

添加覆盖层

  1. 选中画布中矩形框Ctrl+D复制一个矩形框,将背景设置为绿色,用作覆盖层;
  2. 将覆盖层矩形边框设置为0,长宽分别减少2个单位,目的是覆盖层不会将底层边框覆盖掉;

你可能感兴趣的:(理解计算机,axure)