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

时间:2016-09-20 07:30:25

标签: android android-layout android-seekbar

我在下面的库中使用了范围搜索栏。但我想改变拇指颜色和选择的搜索条颜色。我怎么能这样做。帮助我,我是新人。

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);
                }
            });

2 个答案:

答案 0 :(得分:0)

我浏览了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

答案 1 :(得分:0)

您可以通过将其添加到代码中来增加条的厚度:

    app:internalPadding="10dip"