¿Cómo crear la forma del anillo drawable en androide?
Con este código recibo sólo una frontera:
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="ring" android:innerRadius="15dp" android:thickness="2dp" android:useLevel="false"> <solid android:color="#4d4d4d" /> </shape>
Cómo puedo hacer una forma del anillo como abajo imagen:
- Android define la forma XML como dibujable mediante programación
- Forma rectangular con dos colores sólidos
- Forma personalizada de Android
- Cómo crear una flecha que mira hacia la derecha usando xml formas en android?
- Dibujar la forma de Android xml diagonal con triángulos
- Diseño de diseño de Android
- Forma dibujable como fondo, una línea en la parte inferior
- Cómo definir una forma de círculo en un archivo extraíble xml de Android?
- Forma personalizada mientras conversas en android usando un archivo xml
- SVG a Android forma
- Crear triángulo con cornors redondeados
- Android 4 ICS Ice Cream Sandwich - iframe que contiene un formulario
- ¿Cómo puedo dibujar la forma de la cinta Android Studio?
2dp anillo exterior con un espacio de 2dp:
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:top="4dp" android:right="4dp" android:bottom="4dp" android:left="4dp"> <shape android:shape="oval"> <solid android:color="#4d4d4d" /> </shape> </item> <item> <shape android:shape="oval"> <stroke android:width="2dp" android:color="#4d4d4d"/> </shape> </item> </layer-list>
Creo que usar una forma en android es mejor que una forma en Photoshop.
Correcto, la creación de un dibujable es mejor porque puede cambiar el color o la forma con código en lugar de crear un nuevo recurso de imagen, por ejemplo. Cree un FrameLayout
con 2 Views
y un TextView
. El primer fondo de la vista sería su anillo externo (forma) y el segundo un círculo archivado (forma). Finalmente la última View
(índice z más grande) su TextView
:
<FrameLayout> <View/><!-- (outer ring)--> <View/><!-- (filed circle)--> <TextView/><!-- (text)--> </FrameLayout>
Ring drawable es la yuxtaposición de elementos, use layer-list
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:right="6dip" android:left="6dip"> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:innerRadius="0dp" android:shape="ring" android:thicknessRatio="3" android:useLevel="false" > <solid android:color="@android:color/transparent" /> <stroke android:width="5dp" android:color="@color/maroon" /> </shape> </item> <item android:right="20dip" android:left="20dip" android:bottom="0dip" android:top="34dip"> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" android:innerRadius="0dp"> <solid android:color="@color/maroon" /> <stroke android:width="1dip" android:color="@android:color/transparent" /> </shape> </item> <item android:right="20dip" android:left="20dip" android:bottom="34dip" android:top="0dip"> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" android:innerRadius="0dp"> <solid android:color="@color/maroon" /> <stroke android:width="1dip" android:color="@android:color/transparent" /> </shape> </item> </layer-list>
Xml dibujable por todos los medios más útil que las imágenes estáticas, que pueden ser correctamente escalado sin necesidad de .9 biblioteca o conjunto de generación de diferentes tamaños de Gimp, Photoshop
<item> <shape android:innerRadiusRatio="4" android:shape="ring" android:thicknessRatio="15" android:useLevel="false" > <solid android:color="@color/white_color" /> <size android:height="48dip" android:width="48dip" /> </shape> </item> <item> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="ring" android:innerRadius="0dp" android:thickness="55dp" android:useLevel="false"> <solid android:color="@color/white_color"/> <size android:height="200dp" android:width="200dp"/> <stroke android:color="@color/green_color" android:width="5dp"/> </shape> </item>
- Android ListView: detecta si los datos de ListView se ajustan a la pantalla sin desplazarse
- Solicitar al usuario cuando se pulsa el botón Atrás