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?

  • Selección de texto de Webview no borrada
  • Android: uso de view.setX () y setY en api 8
  • AutoCompleteTextView no funciona cuando introdujo el primer carácter
  • Google reproduce error al realizar una compra mientras implementa Soomla Unity3d plugin
  • Mensaje de error del emulador de Android: "PÁNICO: Programa de motor emulador que falta para CPUs x86".
  • Emparejando emuladores Android y Wear
  • Android: descarga de la imagen desde la Web, guardando en la memoria interna en una ubicación privada a la aplicación, mostrando para el elemento de lista
  • ¿Dónde poner mi archivo php?
  • Frente a View.bringToFront () en Android
  • Finalizar la actividad de llamada cuando se completa AsyncTask
  • Android RelativeLayout - cómo posicionar?
  • ¿Cómo configurar AutoCompleteTextView desplegable fondo transparente 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.