文章目录 引言 I 音量滑块的实现步骤 添加底层边框 添加覆盖层 基于覆盖层创建动态面板 添加滑块按钮 设置滑块拖动效果 引言 音量滑块在播放器类APP应用场景相对较广,例如调节视频的亮度、声音等等。 I 音量滑块的实现步骤 添加底层边框 在画布中添加一个矩形框:500 x 32,圆角设置为16; 添加覆盖层 选中画布中矩形框Ctrl+D复制一个矩形框,将背景设置为绿色,用作覆盖层; 将覆盖层矩形边框设置为0,长宽分别减少2个单位,目的是覆盖层不会将底层边框覆盖掉;