Androidでorg.florescu.android.rangeseekbar.RangeSeekBarをカスタマイズする

Question

私は範囲シークバーに以下のライブラリを使用しました。しかし、私は親指の色と選択されたシークバーの色を変更したい。どうすればいいのですか？私は新しいです。

XMLコード

<org.florescu.android.rangeseekbar.RangeSeekBar 
      app:showLabels="false" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:id="@+id/rangeSeekbar2" 
      android:layout_below="@+id/textAge" 
      android:layout_marginTop="30dp" 
      app:valuesAboveThumbs="false" /> 

---

Javaコード

ageSeekbar2 = (RangeSeekBar) rootView.findViewById(R.id.rangeSeekbar2); 
    ageSeekbar2.setRangeValues(18, 100); 
      ageSeekbar2.setSelectedMaxValue(30); 
      ageSeekbar2.getSelectedMaxValue(); 

      textAge.setText(ageSeekbar2.getSelectedMinValue() + "-" + ageSeekbar2.getSelectedMaxValue()); 


      ageSeekbar2.setOnRangeSeekBarChangeListener(new RangeSeekBar.OnRangeSeekBarChangeListener<Integer>() { 
       @Override 
       public void onRangeSeekBarValuesChanged(RangeSeekBar<?> bar, Integer minValue, Integer maxValue) { 
        // //Now you have the minValue and maxValue of your RangeSeekbar 
        // Toast.makeText(getActivity(), minValue + "-" + maxValue, Toast.LENGTH_LONG).show(); 
        textAge.setText(minValue + "-" + maxValue); 
       } 
      }); 

Answer 1

私はflorescuのRangeSeekBarのドキュメントを通り抜けました。 xml塗りつぶしにいくつかの行を追加すると、目的の効果が得られます。

<org.florescu.android.rangeseekbar.RangeSeekBar 
      xmlns:rsb="http://schemas.android.com/apk/res-auto" 
      app:showLabels="false" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:id="@+id/rangeSeekbar2" 
      android:layout_below="@+id/textAge" 
      android:layout_marginTop="30dp" 
      app:valuesAboveThumbs="false" 
      rsb:textAboveThumbsColor="@android:color/holo_purple" 
      rsb:thumbDisabled="@drawable/custom_slider_thumb" 
      rsb:thumbNormal="@drawable/custom_slider_thumb" 
      rsb:thumbPressed="@drawable/custom_slider_thumb" 
      rsb:thumbShadow="true" 
      rsb:thumbShadowBlur="3dp" 
      rsb:thumbShadowColor="@color/primary_material_light" 
      rsb:thumbShadowXOffset="1dp" 
      rsb:thumbShadowYOffset="2dp"/> 

希望する色でdrawable/custom_slider_thumbを追加します。