Generalidades

Barra de progreso personalizada.Esta vez estamos hablando de heredar Ver y Personalizar… | por Young-uk Kim | Febrero de 2022

En esta lección, analizaremos cómo crear una ProgressBar personalizada heredándola de View.

Barra de progreso personalizadaEsta vez estamos hablando de heredar Ver
[비디오 1] barra de progreso personalizada

Primero, para definir los atributos para personalizar ProgressBar, cree un archivo attrs.xml y declare los atributos.

Para asignar valores a los atributos declarados en el archivo attrs.xml, se declara un nuevo tema en el archivo themes.xml.

Luego, cree una clase ProgressBarView que herede de View.

Hay mucho contenido, vamos a repasarlos uno por uno. (Consulte aquí para @JvmOverloads y para los constructores de vista).

rectángulo

Barra de progreso personalizadaEsta vez estamos hablando de heredar Ver
[그림 1] Barra de progreso con RectF

Se utiliza un objeto RectF para definir el área ocupada por ProgressBar. En este punto, necesitamos un RectF que desempeñe el papel de fondo de ProgressBar y un RectF que desempeñe el papel de progreso de ProgressBar.

texto

1645282093 361 Barra de progreso personalizadaEsta vez estamos hablando de heredar Ver
[그림 2] texto de la barra de progreso

Cómo establecer la posición donde se dibuja el texto dentro de ProgressBar.

dibujar arco

1645282093 997 Barra de progreso personalizadaEsta vez estamos hablando de heredar Ver
[그림 3] dibujar arco
1645282093 939 Barra de progreso personalizadaEsta vez estamos hablando de heredar Ver
[그림 4] parámetro drawArc

El parámetro startAngle de drawArc es [그림 3]270f, 0f, …… indica el punto de inicio del arco, sweepAngle indica el grado del arco. Es decir, si el valor de startAngle es 270f y el valor de sweepAngle es 90f, significa que el arco se dibuja a 90f a partir de 270f.

useCenter indica si dibujar un arco alrededor del centro.

1645282094 726 Barra de progreso personalizadaEsta vez estamos hablando de heredar Ver
[그림 5] centro de uso

A la izquierda está userCenter=»true» ya la derecha está el valor «false».

Animación de objetos

Finalmente, para animar una propiedad personalizada, debe registrar el setter de la propiedad personalizada y llamar a la función de invalidación.

Aprendió a usar la función dibujarArc para crear una barra de progreso personalizada. Además, aprendimos a animar propiedades personalizadas.Todo el código es aquíPor favor vea gracias. ☺☺️️️

Referirse a

http://ssiso.net/cafe/club/club1/board1/content.php?board_code=android%7CandroidNormal&idx=34868&club=&cp=1&cb=1&search=&search_word=

LEER  Reaccionar las notificaciones push locales nativas | Saad Khan | Agosto de 2021

Publicaciones relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba