如何在安卓中添加 ColorSeekBar

原文:https://www . geesforgeks . org/how-add-colorseekbar-in-Android/

Seekbar 是进度条的一种类型。我们可以将 seekbar 从左向右拖动，反之亦然，从而改变当前进度。 ColorSeekbar 与 Seekbar 类似，但是我们使用它从多种颜色中选择一种颜色，并且可以选择任何自定义颜色。在这个小部件的帮助下，我们可以给用户更多的控制权来根据他的需要定制它的应用程序。

进场:

  1. 将支持库添加到您的根 build.gradle 文件中(不是您的模块 build.gradle 文件)。这个库 jitpack 是一个新颖的包存储库。它是为 JVM 而做的，这样任何存在于【github】和 bigbucket 中的库都可以直接在应用中使用。

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

  2. 在 build.gradle 文件中添加支持库，并在依赖项部分添加依赖项。这个库提供了各种内置的功能，我们可以使用这些功能给用户最大的独立性来定制。

dependencies {
    implementation 'com.github.rtugeek:colorseekbar:1.7.7'
}

  • 现在在 值 目录的 strings.xml 文件中添加一组颜色， custom_colors 。

    字符串

    ```java

    #219806             #F44336             #FFEB3B

    ```

    • 现在在 activity_main.xml 文件中添加以下代码。这将在 activity_main 中添加一个 textview 和一个 colorSeekbar 。在这个文件中，我们将我们的数组自定义颜色添加到 Seekbar 中。

    activity _ main . XML

    ```java <?xml version="1.0" encoding="utf-8"?>

    <TextView         android:id="@+id/text_view"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="GeeksForGeeks"         android:textSize="30sp"         android:textStyle="bold" />

    <com.rtugeek.android.colorseekbar.ColorSeekBar         android:id="@+id/color_seek_bar"         android:layout_width="match_parent"         android:layout_height="wrap_content"         app:colorSeeds="@array/custom_colors"         app:showAlphaBar="true" />

    ```

    • Now add the following code in the MainActivity.java file. onClickListener is added with the seekbar. As the value is changes via seekbar the onClickListener is invoked and color of texts in textview changes.

    MainActivity.java

    ```java package org.geeksforgeeks.colorseekbar;

    import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.widget.TextView; import com.rtugeek.android.colorseekbar.ColorSeekBar;

    public class MainActivity     extends AppCompatActivity {

    TextView textView;

    @Override     protected void onCreate(         Bundle savedInstanceState)     {

    super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);

    textView = findViewById(             R.id.text_view);         ColorSeekBar             colorSeekBar             = findViewById(                 R.id.color_seek_bar);

    colorSeekBar.setOnColorChangeListener(             new ColorSeekBa                 r.OnColorChangeListener() {

    @Override                     public void                     onColorChangeListener(                         int i, int i1, int i2)                     {                         textView                             .setTextColor(i2);                     }                 });     } } ```

    输出:

    https://media.geeksforgeeks.org/wp-content/uploads/20200515132427/Record_2020-05-15-13-23-04_1a4811e1943b5c025442b43456dabc2c.mp4

版权属于：月萌API www.moonapi.com，转载请注明出处

本文链接：https://moonapi.com/news/20860.html