layout_weight - table layout android

Alinear texto a la izquierda, casilla de verificación a la derecha

Question

Intento crear un diseño para un ListView, con una casilla de verificación a la derecha y algo de texto a la izquierda. La casilla de verificación debe estar alineada completamente a la derecha y la vista de texto alineada todo el camino a la izquierda de la fila, por ejemplo:

 ------------------------
 text            checkbox
 ------------------------
 text            checkbox
 ------------------------
 text            checkbox
 ------------------------

Esto es lo que tengo hasta ahora:

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:orientation="vertical"
      android:paddingLeft="5dip"
      android:paddingRight="5dip"
      android:paddingTop="8dip"
     android:paddingBottom="8dip"
>

<TextView  
    android:id="@+id/text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="left" 
/>

<CheckBox 
    android:id="@+id/chekcbox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="right" 
 /> 

 </RelativeLayout>

Sin embargo, lo que realmente representa es que TextBox está superponiendo la casilla de verificación, a la izquierda de la fila.

Answer 1

Úselo como su Ítem LISTA / RECICLADOR. Las siguientes 2 líneas son la clave.

android: textDirection = "ltr" android: layoutDirection = "rtl"

<CheckBox
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:textDirection="ltr"
            android:layoutDirection="rtl"
            />

Answer 2

Como ya está usando RelativeLayout, haga uso de sus atributos:

Eliminar android:gravity de los niños y reemplazarlos por android:layout_alignParentLeft="true" para TextView y android:layout_alignParentRight="true" para CheckBox.

Eso posiciona a los niños en relación con las fronteras de los padres. También puede agregar android:layout_centerVertical="true" a cada elemento secundario para centrar los dos verticales dentro de cada elemento de la lista.

Para obtener más opciones y atributos, consulte la documentation .

Answer 3

Después de tratar de hacer esto yo mismo, finalmente lo hice. Solo tiene que colocar un TextView y un CheckBox en un diseño horizontal, y poner la gravedad en el diseño a la derecha.

Aquí está el código:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:orientation="horizontal"
          android:gravity="right"
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
        >
<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/LabelText"
        />
<CheckBox
        android:id="@+id/ChecKBox_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
</LinearLayout>

EDITAR: Me di cuenta de que quería texto todo el camino hacia el lado izquierdo de la pantalla. esto colocará la casilla de verificación completamente hacia la derecha y el texto justo al lado, en el lado izquierdo de la casilla de verificación.

Me gusta esto:

------------------------
           text checkbox
------------------------
           text checkbox
------------------------
           text checkbox
------------------------

Answer 4

En la base de Oibaf, es la solución de MSaudi

android:button="@null"
android:drawableRight="?android:attr/listChoiceIndicatorMultiple"

agregar

android:paddingLeft="0dp"

para evitar el espacio vacío en la casilla de verificación del lado izquierdo de algún dispositivo. El enlace fuente:

¿Cómo mostrar la casilla de verificación de Android en el lado derecho?

respondido por zeusboy.

Answer 5

Mi solución en este caso es usar:

<CheckBox
...
    android:button="@null"
    android:drawableRight="@drawable/my_check"
...
/>

donde my_radio podría ser, por ejemplo, tu selector personalizado! El ejemplo del selector podría ser:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:drawable="@drawable/check_checked" />
    <item android:state_checked="false" android:drawable="@drawable/check_unchecked" />
</selector>

Answer 6

Si vas a utilizar un diseño relativo, podrías considerar usar los atributos de diseño relativo menos molestos, alignParentLeft y alignParentRight, así:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"
    android:paddingLeft="5dip"
    android:paddingRight="5dip"
    android:paddingTop="8dip"
    android:paddingBottom="8dip"
>

<TextView  
    android:id="@+id/text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:alignParentLeft="true"
/>

<CheckBox 
    android:id="@+id/chekcbox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:alignParentRight="true"
/> 

</RelativeLayout>

Solo ten cuidado con los elementos que se ponen encima de otros elementos.

Answer 7

Simplemente configure el interruptor: Parámetros de diseño -> Ancho a "match_parent"

originalmente es "wrap_content"

Answer 8

También eliminas android: orientation = "vertical" porque el diseño relativo no admite este atributo. Es un atributo del diseño lineal.

Puedes probarlo

<LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:paddingBottom="8dip"
        android:paddingLeft="5dip"
        android:paddingRight="5dip"
        android:paddingTop="8dip" >

        <TextView
            android:id="@+id/text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:text="check"
             />

        <CheckBox
            android:id="@+id/chekcbox"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true" />
    </LinearLayout>

Answer 9

Use CheckedTextView como reemplazo de todo lo que ha mostrado arriba.

Answer 10

Use android: gravedad = "inicio

    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Has Diploma:"
        android:textSize="15dp"
        android:id="@+id/checkBox_HasDiploma"
        android:gravity="start"/>

Answer 11

Y para obtener el cuadro de la casilla de verificación a la derecha, en los atributos de la casilla de verificación

android:button="@null"
android:drawableRight="?android:attr/listChoiceIndicatorMultiple"

Answer 12

por primera vez debe configurar el button para @null

android:button="@null"

si quieres activar una sola casilla de verificación de Android, usa a la derecha:

android:drawableRight="?android:attr/listChoiceIndicatorMultiple"

de lo contrario, si desea tener una imagen personalizada para el uso de la casilla de verificación:

android:drawableRight="@drawable/selector_check_box"

y para establecer la gravedad a la derecha:

android:gravity="right|center_vertical"

acción completa para usar personalizar la casilla de verificación:

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_window_focused="false" android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/_ics_btn_check_on" />
    <item android:state_window_focused="false" android:state_enabled="true" android:state_checked="false" android:drawable="@drawable/_ics_btn_check_off" />
    <item android:state_enabled="true" android:state_checked="true" android:state_pressed="true" android:drawable="@drawable/_ics_btn_check_on_pressed" />
    <item android:state_enabled="true" android:state_checked="false" android:state_pressed="true" android:drawable="@drawable/_ics_btn_check_off_pressed" />
    <item android:state_enabled="true" android:state_checked="false" android:drawable="@drawable/_ics_btn_check_off" />
    <item android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/_ics_btn_check_on" />
    <item android:state_window_focused="false" android:state_checked="true" android:drawable="@drawable/_ics_btn_check_on_disabled" />
    <item android:state_window_focused="false" android:state_checked="false" android:drawable="@drawable/_ics_btn_check_off_disabled" />
    <item android:state_checked="false" android:drawable="@drawable/_ics_btn_check_off_disabled" />
    <item android:state_checked="true" android:drawable="@drawable/_ics_btn_check_on_disabled" />
</selector>

imágenes: