Join FlipAndroid.COM Telegram Group: https://t.me/joinchat/F_aqThGkhwcLzmI49vKAiw


¿Cómo hacer que las esquinas de un botón alrededor?

Quiero hacer las esquinas de un button redondo. ¿Hay una manera fácil de lograr esto en Android?

  • ¿Cómo configurar el color de selección del botón junto con las esquinas redondeadas en Android?
  • ¿Cómo puedo solucionar el problema de Android 9161, donde se intercambian bottomRightRadius y bottomLeftRadius?
  • Disposición de esquina redonda de Android en el cuadro de diálogo
  • Mapa de bits en ImageView con esquinas redondeadas
  • Android - dibujable con esquinas redondeadas en la parte superior solamente
  • ¿Quite los bordes redondeados de un Seekbar personalizado?
  • Android: dar una vista web esquinas redondeadas?
  • Borde sobre un mapa de bits con esquinas redondeadas en Android
  • 12 Solutions collect form web for “¿Cómo hacer que las esquinas de un botón alrededor?”

    Si quieres algo como esto

    Vista previa del botón

    Aquí está el código.

    1.Create un archivo xml en su carpeta dibujable como mybutton.xml y pegue el siguiente marcado:

     <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_pressed="true" > <shape android:shape="rectangle" > <corners android:radius="3dip" /> <stroke android:width="1dip" android:color="#5e7974" /> <gradient android:angle="-90" android:startColor="#345953" android:endColor="#689a92" /> </shape> </item> <item android:state_focused="true"> <shape android:shape="rectangle" > <corners android:radius="3dip" /> <stroke android:width="1dip" android:color="#5e7974" /> <solid android:color="#58857e"/> </shape> </item> <item > <shape android:shape="rectangle" > <corners android:radius="3dip" /> <stroke android:width="1dip" android:color="#5e7974" /> <gradient android:angle="-90" android:startColor="#8dbab3" android:endColor="#58857e" /> </shape> </item> </selector> 

    2.Now utilizar este dibujable para el fondo de su vista. Si la vista es botón, algo como esto:

     <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="10dp" android:textColor="#ffffff" android:background="@drawable/mybutton" android:text="Buttons" /> 

    Cree un archivo xml en la carpeta dibujable como a continuación

     <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" android:padding="10dp"> <!-- you can use any color you want I used here gray color--> <solid android:color="#ABABAB"/> <corners android:radius="10dp"/> </shape> 

    Aplicar esto como fondo para el botón que desea hacer esquinas ronda.

    O puede usar radio separado para cada esquina como abajo

     android:bottomRightRadius="10dp" android:bottomLeftRadius="10dp" android:topLeftRadius="10dp" android:topRightRadius="10dp" 

    Crear shape.xml en la carpeta dibujable

    Como shape.xml

     <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <stroke android:width="2dp" android:color="#FFFFFF"/> <gradient android:angle="225" android:startColor="#DD2ECCFA" android:endColor="#DD000000"/> <corners android:bottomLeftRadius="7dp" android:bottomRightRadius="7dp" android:topLeftRadius="7dp" android:topRightRadius="7dp" /> </shape> 

    Y en myactivity.xml

    puedes usar

     <Button android:id="@+id/btn_Shap" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/Shape" android:background="@drawable/shape"/> 

    Crear un archivo rounded_btn.xml en la carpeta Drawable …

     <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="@color/#FFFFFF"/> <stroke android:width="1dp" android:color="@color/#000000" /> <padding android:left="1dp" android:top="1dp" android:right="1dp" android:bottom="1dp" /> <corners android:bottomRightRadius="5dip" android:bottomLeftRadius="5dip" android:topLeftRadius="5dip" android:topRightRadius="5dip"/> </shape> 

    Y utilizar este archivo .xml como fondo de un botón

     <Button android:id="@+id/btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/rounded_btn" android:text="Test" /> 

    La manera simple que encontré era hacer un nuevo archivo del xml en la carpeta drawable y después señalar el fondo de los botones a ese archivo del xml. Heres el código que utilicé:

     <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="#ff8100"/> <corners android:radius="5dp"/> </shape> 

    Esto podría ser una antigua publicación, pero aquí es nuevo diseño que podría ayudar 🙂

    Introduzca aquí la descripción de la imagen

    Agregue este código a activity_main.xml

      <Button android:id="@+id/angry_btn" android:text="Button" android:textColor="#FFFFFF" android:textSize="30sp" android:layout_width="270dp" android:layout_height="60dp" android:background="@drawable/buttonshape" android:shadowColor="#1499A8" android:shadowDx="0" android:shadowDy="0" android:shadowRadius="5" /> 

    Y esto a la carpeta drawable con el nombre buttonshape.xml

      <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > <corners android:radius="14dp" /> <gradient android:angle="45" android:centerX="35%" android:centerColor="#1FA8D1" android:startColor="#E8E8E8" android:endColor="#000000" android:type="linear" /> <padding android:left="0dp" android:top="0dp" android:right="0dp" android:bottom="0dp" /> <size android:width="270dp" android:height="60dp" /> <stroke android:width="3dp" android:color="#2D6C87" /> </shape> 

    Introduzca aquí la descripción de la imagen

    Si está utilizando elementos vectoriales, entonces simplemente necesita especificar un elemento <corners> en su definición dibujable. He cubierto esto en una entrada del blog .

    Si está utilizando bitmap / 9-patch drawables entonces tendrá que crear las esquinas con transparencia en la imagen de mapa de bits.

    Manera muy muy simple de customized your Buttons . Haga clic y comience el diseño

    Custom Design Botones

    Botón de estilo con el icono Introduzca aquí la descripción de la imagen

      <Button android:id="@+id/buttonVisaProgress" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:layout_marginTop="5dp" android:background="@drawable/shape" android:onClick="visaProgress" android:drawableTop="@drawable/ic_1468863158_double_loop" android:padding="10dp" android:text="Visa Progress" android:textColor="@android:color/white" /> 

    Shape.xml

      <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <corners android:radius="14dp" /> <gradient android:angle="45" android:centerColor="#1FA8D1" android:centerX="35%" android:endColor="#060d96" android:startColor="#0e7e1d" android:type="linear" /> <padding android:bottom="0dp" android:left="0dp" android:right="0dp" android:top="0dp" /> <size android:width="270dp" android:height="60dp" /> <stroke android:width="3dp" android:color="#000000" /> 

    Este enlace tiene toda la información que necesita. aquí

    Shape.xml

     <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="#EAEAEA"/> <corners android:bottomLeftRadius="8dip" android:topRightRadius="8dip" android:topLeftRadius="1dip" android:bottomRightRadius="1dip" /> </shape> 

    Y main.xml

     <?xml version="1.0" encoding="UTF-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Hello Android from NetBeans"/> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Nishant Nair" android:padding="5dip" android:layout_gravity="center" android:background="@drawable/button_shape" /> </LinearLayout> 

    Esto debería darle el resultado deseado.

    La mejor de las suertes

    Crear archivo myButton.xml

     <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="@color/colorButton"/> <corners android:radius="10dp"/> </shape> 

    Agregue a su botón

      <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background">@drawable/myButton /> 

    Simple y funcionará bien. Cambie el radio de que necesita la curva más para el botón

     <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="@color/primary" /> <corners android:radius="5dp" /> </shape> 

    FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.