Cómo personalizar el estilo de los botones de Android
Volver a la lista de blogs
Convertir al estilo de botón personalizado de Android
sumpower
Hora de publicación: 25/02/2014 19:56
Lecturas: 4162
Colecciones: 0
Me gusta: 0
Comentarios: 0
Resumen
p>
Estilo de botón personalizado de Android
En las aplicaciones de desarrollo de Android, el sistema representa y administra el botón predeterminado. Todas las aplicaciones móviles exitosas que vemos tienen una apariencia y una experiencia de usuario interesantes. Por lo tanto, cuando desarrollamos productos, necesitamos embellecer los botones predeterminados. En este artículo, el autor combina su experiencia en el desarrollo de aplicaciones para analizar cómo implementar botones de fondo personalizados y botones de formas personalizados.
Primero mire la captura de pantalla del efecto de implementación:
Actualmente hay dos formas de implementar botones de fondo personalizados, vector y mapa de bits.
1. Método de dibujo de gráficos vectoriales
El método de dibujo de gráficos vectoriales es simple de implementar y es adecuado para ocasiones donde la forma y el patrón del botón no son exigentes. Los pasos son los siguientes:
(a) Utilice xml para definir un rectángulo redondeado con un contorno exterior sólido y un color degradado en el interior. El código xml es el siguiente.
ver plano
//bg_alibuybutton_default.xml
android:topLeftRadius="5dip" android:topRightRadius="5dip" android:bottomLeftRadius="5dip" android:bottomRightRadius="5dip" /> android:startColor="#FFEC7600" android:endColor="#FFFED69E" android:type="linear" android:angle="90" android:centerX="0.5" android:centerY="0.5" /> android:topLeftRadius="5dip" android:topRightRadius="5dip" android:bottomLeftRadius="5dip" android:bottomRightRadius="5dip" /> De manera similar, defina bg_alibuybutton_pressed.xml y bg_alibuybutton_selected.xml. Los contenidos son los mismos, pero el. Los colores degradados son diferentes. Se utilizan para el efecto de cambio de fondo después de presionar el botón. (b) Defina el archivo de descripción de cambio de efecto drawable/bg_alibuybutton.xml después de presionar el botón. El código es el siguiente. ver plano android:drawable="@drawable/bg_alibuybutton_pressed" /> android:drawable="@drawable/bg_alibuybutton_selected" /> (c) Defina un control de botón en el archivo de definición de interfaz que necesita, como layout/main.xml. vista simple android:layout_width="120dip" android:layout_height="40dip" android:text="Botón de fondo vectorial" android:background="@drawable/bg_alibuybutton" /> De esta manera se puede utilizar el botón con un fondo personalizado, luego de implementar el método onClick Operación de respuesta.