Asignar ancho a la mitad del ancho de pantalla disponible de forma declarativa


113

¿Es posible asignar un ancho de widget a la mitad del ancho de pantalla disponible y hacerlo usando XML declarativo?

Respuestas:


274

Si su widget es un botón:

<LinearLayout android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:weightSum="2"
    android:orientation="horizontal">
    <Button android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="somebutton"/>

    <TextView android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"/>
</LinearLayout>

Supongo que desea que su widget ocupe la mitad y otro widget ocupe la otra mitad. El truco consiste en utilizar LinearLayout, configurar layout_width="fill_parent"ambos widgets y configurar layout_weightel mismo valor en ambos widgets también. Si hay dos widgets, ambos con el mismo peso, LinearLayout dividirá el ancho entre los dos widgets.


15
Mejor use android: layout_width = "0dp" para ambos elementos secundarios, evitando dimensionarlos dos veces.
Tomash

2
Nunca entendí por qué tenías que declarar layout_width = "0dp"
Andrew

También puede usar <Espacio /> en las versiones posteriores de Android como relleno. Creo que View es un poco más ligero que TextView si solo tiene la intención de usarlo como relleno. layout_width = "0dp" es en realidad el enfoque recomendado según la documentación de Android.
Muz

¡Funciona genial! ¡¡Muchas gracias!!
IcyFlame

1
@Andrew: debido a que de esta manera el renderizador de diseño no intenta trabajar con el ancho de diseño del componente, salta directamente a compartir el ancho extra según los pesos.
njzk2

43

Usar diseño de restricciones

  1. Agregar una guía
  2. Establecer el porcentaje al 50%
  3. Restrinja su vista a la Guía y al padre.

ingrese la descripción de la imagen aquí

Si tiene problemas para cambiarlo a un porcentaje, consulte esta respuesta .

XML

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:layout_editor_absoluteX="0dp"
    tools:layout_editor_absoluteY="81dp">

    <android.support.constraint.Guideline
        android:id="@+id/guideline8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.5"/>

    <TextView
        android:id="@+id/textView6"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginBottom="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="TextView"
        app:layout_constraintBottom_toTopOf="@+id/guideline8"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>
    
</android.support.constraint.ConstraintLayout>

Esta debería ser la mejor respuesta.
Jean Eric

15

dé un ancho como 0dp para asegurarse de que su tamaño sea exactamente igual a su peso, esto asegurará que incluso si el contenido de las vistas secundarias aumenta, aún estarán limitadas a exactamente la mitad (según su peso)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:weightSum="1"
     >

    <Button
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:text="click me"
    android:layout_weight="0.5"/>


    <TextView
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:text="Hello World"
    android:layout_weight="0.5"/>
  </LinearLayout>

1
Creo que android: layout_width = "0dp" es correcto, pero establecer cada peso en 0.5 y weitghtSum en su suma no es necesario. Parece que solo necesita tener el mismo peso en ambas vistas secundarias ..
jj_

5

Otra forma para un solo elemento en el centro, que ocupa la mitad de la pantalla:

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:visibility="invisible" />

        <EditText
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2" />

       <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:visibility="invisible" />

</LinearLayout>

1
<LinearLayout 
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView
    android:id="@+id/textD_Author"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:text="Author : "
    android:textColor="#0404B4"
    android:textSize="20sp" />
 <TextView
    android:id="@+id/textD_Tag"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:text="Edition : "
    android:textColor="#0404B4"
    android:textSize="20sp" />
<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"
    android:weightSum="1" >
    <Button
        android:id="@+id/btbEdit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:text="Edit" />
    <Button
        android:id="@+id/btnDelete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:text="Delete" />
</LinearLayout>
</LinearLayout>

3
Si bien este fragmento de código puede resolver la pregunta, incluir una explicación realmente ayuda a mejorar la calidad de su publicación. Recuerde que está respondiendo a la pregunta para los lectores en el futuro, y es posible que esas personas no conozcan los motivos de su sugerencia de código.
gunr2171
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.