Как сделать цветовой градиент в SeekBar? - PullRequest
Новая
       17

Как сделать цветовой градиент в SeekBar?

2 голосов
/ 03 декабря 2010

Я хочу использовать SeekBar (т.е. Java-слайдер старой школы) в палитре градиентов цвета.Я видел такие примеры, но все они требуют создания новых классов и тому подобного.Должен быть способ изменить или переопределить исходные классы.Или просто замените фон градиентом.

Ответы [ 2 ]

10 голосов
/ 03 декабря 2010

Я понял, вот как вы это делаете.

Вы создаете стандартную панель поиска в своем XML. 

<SeekBar
       android:id="@+id/seekbar_font"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:layout_margin="10px"
       android:layout_below="@id/color_font_text"
       android:max="100"
       android:progress="50"></SeekBar>

Затем вы настраиваете панель поиска в вашем onCreate (), создаваяa boxShape, а затем принудительно заставить внутри него LinearGradient. 

LinearGradient test = new LinearGradient(0.f, 0.f, 300.f, 0.0f,  

      new int[] { 0xFF000000, 0xFF0000FF, 0xFF00FF00, 0xFF00FFFF,
      0xFFFF0000, 0xFFFF00FF, 0xFFFFFF00, 0xFFFFFFFF}, 
      null, TileMode.CLAMP);
ShapeDrawable shape = new ShapeDrawable(new RectShape());
shape.getPaint().setShader(test);

SeekBar seekBarFont = (SeekBar)findViewById(R.id.seekbar_font);
seekBarFont.setProgressDrawable( (Drawable)shape );

Вот изображение текущего кода выше Цветовой градиент SeekBar

7 голосов
/ 15 мая 2014

Это дополнение к решению, предоставленному с использованием LinearGradient.Попробуйте эту логику для перевода прогресса в rgb: 

lineColorSeekbar.setMax(256*7-1);
        lineColorSeekbar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                if(fromUser){
                    int r = 0;
                    int g = 0;
                    int b = 0;

                    if(progress < 256){
                        b = progress;
                    } else if(progress < 256*2) {
                        g = progress%256;
                        b = 256 - progress%256;
                    } else if(progress < 256*3) {
                        g = 255;
                        b = progress%256;
                    } else if(progress < 256*4) {
                        r = progress%256;
                        g = 256 - progress%256;
                        b = 256 - progress%256;
                    } else if(progress < 256*5) {
                        r = 255;
                        g = 0;
                        b = progress%256;
                    } else if(progress < 256*6) {
                        r = 255;
                        g = progress%256;
                        b = 256 - progress%256;
                    } else if(progress < 256*7) {
                        r = 255;
                        g = 255;
                        b = progress%256;
                    }

                    lineColorSeekbar.setBackgroundColor(Color.argb(255, r, g, b));
                }
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {

            }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {

            }
        });
...