带有自定义拇指的 Android 搜索栏答案

【问题标题】：Android seekbar with custom thumb带有自定义拇指的 Android 搜索栏
【发布时间】：2012-08-23 20:18:11
【问题描述】：

我想创建一个如下图所示的搜索栏：

问题是，如何将拇指放在进度线上方？

这一行

android:thumb="@drawable/thumb"

将拇指放在线条的中心。有什么建议吗？

【问题讨论】：

标签： android seekbar

【解决方案1】：

您可以假设整个栏和上面的拇指为一个搜索栏您所要做的就是在进度条和背景图像上方包含空白区域，并将拇指下方的空白区域包含在拇指图像中。

【讨论】：

是的，也许这是解决方案，但在这种情况下，搜索线上方和拇指周围的区域将是可点击的。但这对我来说并不重要，谢谢。

【解决方案2】：

我也面临同样的问题..并找出以下解决方案，

解决方案 - 使用图层列表调整拇指..

创建 custom_thumb.xml（在您的可绘制文件夹中）

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:width="50dp"
android:height="50dp"
android:top="35dp"
android:bottom="35dp"
android:drawable="@drawable/thumb"/>

</layer-list>

根据需要调整宽度、高度、顶部、底部。

并使用以下代码设置拇指

android:thumb="@drawable/custom_thumb"

【讨论】：