Estilo de búsqueda de Android

Estoy intentando crear una barra de búsqueda personalizada para mi aplicación de Android. He encontrado muchas soluciones, pero todos ellos están usando código de dibujo "personalizado" para el fondo. Mi barra de búsqueda es simple – tengo una imagen (sólo una) para el fondo, y una imagen para el pulgar. El problema que tengo es la escala: Quiero tanto "pulgar" y "fondo" imagen a escala de acuerdo con el tamaño del control seekbar. ¿Como hacer eso? Es un poco gracioso que, al usar imágenes (dibujables) como fondo / pulgar Android no los escalen por defecto pero los deja en tamaño original 🙂

Puede hacer el primer plano, el fondo y el deslizador del pulgar.

Aquí hay un buen tutorial:

Tutorial

Esto también está bien:

Tutorial 2

Y aquí está cómo usted hace las imágenes de encargo 9.png:

Nueve parches

1 Puede utilizar un xml ( progress.xml ) para definir la apariencia de ProgressBar y colocarlo en el directorio res.

2 El pulgar se puede definir dentro del diseño donde se declara el ProgressBar.

3 El pulgar puede ser una imagen ( imgthumb.png ), sin embargo, he notado 2 mejores prácticas

La mejor altura del pulgar es 2,5 veces la altura del ProgressBar .
Es mejor renderizado cuando la altura y anchura de la imagen del pulgar son exactamente iguales que el diámetro del pulgar (es decir, para el pulgar circular ) y, finalmente, colocar diferentes tamaños del pulgar en cada cubo para diferentes densidades de píxeles .

Aquí están las fuentes

1 progreso.xml

<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@android:id/background"> <shape android:shape="rectangle" > <corners android:radius="5dp" /> <gradient android:angle="270" android:endColor="#cccccc" android:startColor="#d3d3d3" /> </shape> </item> <item android:id="@android:id/secondaryProgress"> <clip> <shape android:shape="rectangle" > <corners android:radius="0dp" /> <gradient android:angle="270" android:endColor="#ff0000" android:startColor="#ff0000" /> </shape> </clip> </item> <item android:id="@android:id/progress"> <clip> <shape android:shape="rectangle" > <corners android:radius="5dp" /> <gradient android:angle="270" android:endColor="#1dc0ff" android:startColor="#1dc0ff" /> </shape> </clip> </item>

2 Definición de la Seekbar en el diseño con un pulgar personalizado

 <SeekBar android:id="@+id/song_seekbar" android:layout_width="0dp" android:layout_weight=".84" android:minHeight="8dip" android:maxHeight="8dip" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_centerInParent="true" android:progressDrawable="@drawable/progressbar" android:thumb="@drawable/imgthumb" />

¡Espero que esto te ayude!