在Android中自定义org.florescu.android.rangeseekbar.RangeSeekBar

Question

我曾使用下面的库作为范围搜索栏.但我想改变拇指的颜色，并选择寻求条的颜色。我怎么做it.help我是新来的。

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

通过将以下内容添加到代码中，可以增加条形图的厚度：

    app:internalPadding="10dip"

Answer 2

我查看了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。