BoxedVerticalSeekBar 开源项目教程-CSDN博客

本文链接：https://blog.csdn.net/gitblog_00214/article/details/141775189

BoxedVerticalSeekBar 开源项目教程

BoxedVerticalSeekBarA vertical seekbar for Android项目地址:https://gitcode.com/gh_mirrors/bo/BoxedVerticalSeekBar

1、项目介绍

BoxedVerticalSeekBar 是一个为 Android 平台设计的垂直拖动条（SeekBar）组件。该项目模仿了 iOS 11 控制中心的垂直拖动条，具有在底部显示图像的功能。BoxedVerticalSeekBar 提供了丰富的自定义选项，如背景颜色、进度颜色、文本颜色、圆角半径、默认值、最大值、步长等，使得开发者可以根据自己的需求灵活调整。

2、项目快速启动

安装

首先，在你的 Android 项目的 build.gradle 文件中添加以下依赖：

allprojects {
    repositories {
        maven { url 'https://jitpack.io' }
    }
}

dependencies {
    implementation 'com.github.alpbak:BoxedVerticalSeekBar:1.1'
}

使用

在你的布局文件中添加 BoxedVerticalSeekBar：

<com.alpbak.boxedverticalseekbar.BoxedVertical
    android:id="@+id/boxed_vertical"
    android:layout_width="60dp"
    android:layout_height="250dp"
    android:layout_gravity="center"
    android:layout_marginBottom="30dp"
    android:layout_marginTop="30dp"
    android:layout_weight="1"
    app:backgroundColor="@color/color_background"
    app:progressColor="@color/color_progress"
    app:textColor="#FF0000"
    app:cornerRadius="20"
    app:defaultValue="140"
    app:imageEnabled="false"
    app:textEnabled="true"
    app:max="300"
    app:step="5"
    app:textBottomPadding="20"
    app:textSize="12sp"
    app:touchDisabled="true" />

在你的 Activity 中使用 BoxedVerticalSeekBar：

BoxedVertical bv = (BoxedVertical) findViewById(R.id.boxed_vertical);
bv.setOnBoxedPointsChangeListener(new BoxedVertical.OnBoxedPointsChangeListener() {
    @Override
    public void onPointsChanged(BoxedVertical boxedVertical, int points) {
        // 处理拖动条值变化的逻辑
    }
});

3、应用案例和最佳实践

应用案例

BoxedVerticalSeekBar 可以用于各种需要垂直拖动条的场景，例如音量控制、亮度调节、进度调整等。以下是一个简单的音量控制应用案例：

<com.alpbak.boxedverticalseekbar.BoxedVertical
    android:id="@+id/volume_control"
    android:layout_width="60dp"
    android:layout_height="250dp"
    android:layout_gravity="center"
    android:layout_marginBottom="30dp"
    android:layout_marginTop="30dp"
    android:layout_weight="1"
    app:backgroundColor="@color/color_background"
    app:progressColor="@color/color_progress"
    app:textColor="#FF0000"
    app:cornerRadius="20"
    app:defaultValue="50"
    app:imageEnabled="true"
    app:textEnabled="true"
    app:max="100"
    app:step="1"
    app:textBottomPadding="20"
    app:textSize="12sp"
    app:touchDisabled="false" />

BoxedVertical volumeControl = (BoxedVertical) findViewById(R.id.volume_control);
volumeControl.setOnBoxedPointsChangeListener(new BoxedVertical.OnBoxedPointsChangeListener() {
    @Override
    public void onPointsChanged(BoxedVertical boxedVertical, int points) {
        // 调整音量
        AudioManager audioManager = (AudioManager) getSystemService(Context.AUDIO_SERVICE);
        audioManager.setStreamVolume(AudioManager.STREAM_MUSIC, points, 0);
    }
});