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


Cómo colocar los botones en la imagen de android?

Quiero crear una vista personalizada como esta. Introduzca aquí la descripción de la imagen

He intentado lo siguiente

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:orientation="vertical" > <ImageView android:id="@+id/customView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:src="@drawable/sample_image" /> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right|top" android:text="Button" /> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right|bottom" android:text="Button" /> </FrameLayout> 

¿Cómo puedo crear una vista como esta? ¿Cómo puedo colocar los botones sobre imageview como éste?

Gracias por adelantado

  • LinearLayout vs RelativeLayout
  • Android: ¿Obtener la altura del elemento ListView?
  • Cómo establecer Parámetros de diseño RelativeLayout en código no en xml
  • Cambiar del diseño main.xml a otro diseño
  • Debe utilizar "sp" en lugar de "dp" para los tamaños de texto
  • Cómo crear la interfaz de usuario como la foto adjunta
  • ¿Cómo mostrar un TextView debajo de otro en Android con archivos XML?
  • ¿Convenciones de nombres de archivos de diseño?
  • 5 Solutions collect form web for “Cómo colocar los botones en la imagen de android?”

    Usted puede intentar utilizar la disposición relativa para hacer esto,

    Para btn1;

     android:layout_alignParentTop="true" android:layout_alignParentRight="true" 

    Para btn1;

     android:layout_alignParentBottom="true" android:layout_alignParentRight="true" 

    [EDIT 1]

    Para dar espacio para el margen de uso del botón, android: layout_margin = "20dp"

    Introduzca aquí la descripción de la imagen

    Ejemplo de diseño

     <RelativeLayout android:layout_width="300dp" android:layout_height="300dp"> <ImageView android:id="@+id/img" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffaadd" android:layout_margin="20dp" /> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_alignParentRight="true" android:text="btn1" /> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:text="btn2" /> </RelativeLayout> 

    Utilice un RelativeLayout . Esto le permitirá tener varias vistas superpuestas en la pantalla.

     <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/RelativeLayout1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center" android:orientation="horizontal" > <ImageView android:id="@+id/imageView1" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_alignParentLeft="true" android:layout_alignParentRight="true" android:layout_alignParentTop="true" android:layout_weight="1" android:padding="60dp" android:src="@drawable/abs__ab_stacked_solid_dark_holo" /> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBaseline="@+id/button1" android:layout_alignBottom="@+id/button1" android:layout_alignParentLeft="true" android:layout_marginLeft="30dp" android:background="@drawable/ic_launcher" /> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentTop="true" android:layout_marginRight="32dp" android:layout_marginTop="102dp" android:background="@drawable/ic_launcher" /> </RelativeLayout> 

    instantánea

    Aquí está un tutorial que siempre uso http://www.learn-android.com/2010/01/05/android-layout-tutorial/ Usted debe encontrar lo que necesita. Está bien explicado, así que no debería tener ningún problema.

    Esto resolvió para mí

     <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/RelativeLayout1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center" android:orientation="horizontal" > <ImageView android:id="@+id/img" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src = "@drawable/basic" android:layout_alignParentTop="true" android:layout_alignRight="@+id/button1" android:layout_alignEnd="@+id/button1" /> <ImageButton android:id="@+id/button1" android:layout_width="40dp" android:layout_height="40dp" android:layout_alignParentTop="true" android:layout_alignParentRight="true" android:text="btn1" android:background="@drawable/ic_cancel_black"/> </RelativeLayout> 
    FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.