diseño Android: vistas cuadráticas

Question

en una aplicación Android necesito agregar una vista a mi RelativeLayout que obedece a las siguientes reglas:

1. La vista debe ser cuadrática, es decir, la altura y la anchura de la vista debe coincidir .
2. La vista debe llenar todo el ANCHO.

Se debe tener este aspecto (el cuadrado debe estar centrada verticalmente):

+-------------+ 
| activity | 
|    | 
|+-----------+| 
||   || 
|| square || 
||   || 
||   || 
|+-----------+| 
|    | 
|    | 
+-------------+ 

Al final quiero tener un ImageView que muestra una imagen cuadrática. Actualmente lo hice estableciendo tanto el ancho como el alto de la vista en FILL_PARENT, y dejo que ImageView dibuje la imagen correctamente (usando scaleType = centerInside).

Pero: ahora quiero tener una vista adicional que esté alineada con la línea superior de la vista cuadrada, y aquí es donde falla mi enfoque. Si ahora configuro el ancho de la vista en FILL_PARENT y el alto en WRAP_CONTENT, la imagen ya no se ajustará al ancho completo.

¿Tiene alguna solución a este problema? Sería preferible si esto pudiera hacerse simplemente escribiendo XML, si es posible.

¡Gracias de antemano!

Answer 1

Mira la respuesta superior a esta pregunta.

Android layout with square buttons

Answer 2

Si quiere que dos vistas estén una al lado de la otra, ninguna puede tener FILL_PARENT. Parece que lo que necesitas es un LinearLayout horizontal que contenga ImageView y la otra vista. A continuación, configure android:layout_weight="1" y android:layout_width="0dp" en ImageView, que hará que ImageView complete el elemento principal. Luego, configure el layout_width de la otra Vista como "wrap_content".

<LinearLayout android:width="FILL_PARENT" android:height="WRAP_CONTENT"> 
    <ImageView android:layout_height="WRAP_CONTENT" android:layout_width="0dp" android:layout_weight="1" /> 
    <OtherView android:layout_height="WRAP_CONTENT" android:layout_width="WRAP_CONTENT" /> 
</LinearLayout> 

Answer 3

He creado una extensión de LinearLayout que hace exactamente lo que quiere. Envolví la cosa en un proyecto de biblioteca de Android para mayor comodidad. Ver https://github.com/ronaldsteen/Android-SquareLayout-Library