搜索栏的自定义布局或设计

Question

有没有办法自定义搜索栏的外观，以便我可以将自己的 design/image 用于搜索栏（缩略图、轨道和进度）。我看过这个 post，但是 link 坏了。

How to create custom layout for seekbar in android?

谢谢

Answer 1

这可能会有所帮助 custom seekbar，您可以更改您想要的内容（缩略图、跟踪和进度，以及更多有用的内容），但只能通过编程方式进行。我为这个库做出了贡献，唯一的问题是这个搜索栏是一个范围搜索栏，但你可以分叉这个 repo 并添加功能以启用范围或不启用范围并删除其中一个拇指。

实现这一点的最快方法是注释 RangeSeekBar.java 中的第 498 行（但你只会影响 "visibility" 拇指仍然对拖动有反应，你必须多写一点代码 ^ ^)

// draw minimum thumb
drawThumb(normalizedToScreen(mNormalizedMinValue), Thumb.MIN.equals(mPressedThumb), canvas);

然后在 Activity 中，您将使用 maxValue:

mSeekBar.setOnRangeSeekBarChangeListener(new RangeSeekBar.OnRangeSeekBarChangeListener<Integer>() {
    @Override
    public void onRangeSeekBarValuesChanged(RangeSeekBar<?> bar, Integer minValue, Integer maxValue) {
        ...
        }
    });

下面是一个关于如何自定义 seekBar 的示例：

mSeekBar.setNotifyWhileDragging(true);
mSeekBar.setThumbImage(BitmapFactory.decodeResource(getResources(), R.drawable.seek_thumb_normal));
mSeekBar.setProgressBackgroundColor(0xFF, 0xDD, 0xDD, 0xDD);
mSeekBar.setProgressLineColor(0xFF, 0xE8, 0x4E, 0x44);
mSeekBar.setMaxHeight(Utils.convertDpToPx(getActivity(), 2));

或者您使用 Android 布局配置：

<SeekBar
          ...
          android:progressDrawable="@drawable/seekbar_default_progress"
          android:thumb="@drawable/seek_thumb"/>

<item android:id="@android:id/progress">
    <clip android:drawable="@color/some_color"/>
</item>

搜索栏的自定义布局或设计

Custom layout or design for seekbar

android

android-custom-view

android-layout

android-seekbar