android - studio - Haciendo una barra de progreso/barra de búsqueda personalizada

seekbar personalizado android studio

Question

En un nivel alto, he hecho varios tipos de estilos de barra de progreso, pero todos son feos cuando intenté hacerlos delgados.

Estoy buscando un tutorial o diseño de inicio rápido que ofrezca una barra que se vea similar a la imagen de abajo

¿Algunas ideas? Estaré encantado de publicar los resultados cuando los haga funcionar.

Answer 1

Hay una propiedad de Android: maxHeight que hace exactamente lo que necesitas. Debes configurar el androide: pulgar dibujable más grande que el maxHeight para lograr el efecto slick seekbar.

Por ejemplo:

  <SeekBar
      android:id="@+id/whiteBalanceSeek"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="3dp"
      android:max="200"
      android:maxHeight="3dp"
      android:paddingLeft="10dp"
      android:paddingRight="10dp"
      android:progress="100"
      android:progressDrawable="@drawable/slider_progress"
      android:thumb="@drawable/thumb_img" />

El slider_progress drawable fue tomado desde here y thumb_img es un PNG desnudo con un círculo rojo.

Aquí está lo que tengo: