www usar pildorasinformaticas constraint como android layout checkbox

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



pildorasinformaticas android (13)

Agregando otra respuesta a esta pregunta que usa CheckedTextView Si alguien está tratando de hacerlo programáticamente. También tiene la opción de usar imágenes personalizadas para la casilla de verificación. Y se puede hacer en una sola vista

final CheckedTextView checkBox = new CheckedTextView(getApplicationContext()); checkBox.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT)); checkBox.setId(1); checkBox.setCheckMarkDrawable(android.R.drawable.checkbox_off_background); checkBox.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if (checkBox.isChecked()){ checkBox.setChecked(false); checkBox.setCheckMarkDrawable(android.R.drawable.checkbox_off_background); }else{ checkBox.setChecked(true); checkBox.setCheckMarkDrawable(android.R.drawable.checkbox_on_background); } } }); checkBox.setTextColor(Color.BLACK); checkBox.setGravity(Gravity.LEFT); checkBox.setText("hi");

Desde XML si quieres iniciar -

<CheckedTextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:checkMark="@android:drawable/checkbox_off_background" android:checked="false" android:text="Hi from xml"/>

Por defecto, la casilla de verificación de Android muestra el texto en el lado derecho y la casilla de verificación en la izquierda
Quiero mostrar la casilla de verificación en el lado derecho con el texto a la izquierda

¿Cómo logro esto?


Creo que es demasiado tarde para responder a esta pregunta, pero en realidad hay una manera de lograr su objetivo. Solo necesita agregar la siguiente línea a su casilla de verificación:

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

También puede usar su drawable personalizado para la casilla de verificación.

Y para un radioButton:

android:button="@null" android:drawableRight="@android:drawable/btn_radio"

Y si quieres hacerlo programáticamente:

Defina un diseño y asígnele el nombre RightCheckBox y copie las siguientes líneas:

<?xml version="1.0" encoding="utf-8"?> <CheckBox xmlns:android="http://schemas.android.com/apk/res/android" android:text="hello" android:layout_width="match_parent" android:layout_height="match_parent" android:button="@null" android:drawableRight="?android:attr/listChoiceIndicatorMultiple"/>

y cuando necesita agregarlo programáticamente, solo necesita inflarlo en un CheckBox y agregarlo a la vista raíz.

CheckBox cb = (CheckBox)((LayoutInflater)getSystemService(LAYOUT_INFLATER_SERVICE)).inflate(R.layout.check_right_checkbox,null); rootView.addView(cb);


El siguiente enlace muestra cómo renderizar varios objetos estándar de vista de Android con una casilla de verificación animada a la derecha configurando el dibujable derecho.

Establezca el fondo para obtener un efecto dominó.

[enlace al sitio web con la casilla de verificación de ejemplo en el lado derecho e izquierdo.] [1] landenlabs.com/android/uicomponents/uicomponents.html#checkbox

<Button android:id="@+id/p2Button1" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/transparent_ripple" android:drawableRight="@drawable/checkline" android:gravity="left|center_vertical" android:text="Button" android:textAllCaps="false" android:textColor="@android:color/white" android:textSize="@dimen/buttonTextSize" /> <android.support.v7.widget.AppCompatButton android:id="@+id/p2Button2" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/transparent_ripple" android:drawableRight="@drawable/checkline" android:gravity="left|center_vertical" android:text="AppCompatButton" android:textAllCaps="false" android:textColor="@android:color/white" android:textSize="@dimen/buttonTextSize" /> <TextView android:id="@+id/p2TextView1" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/transparent_ripple" android:drawableRight="@drawable/checkline" android:gravity="left|center_vertical" android:hapticFeedbackEnabled="true" android:text="TextView" android:textColor="@android:color/white" android:textSize="@dimen/buttonTextSize" /> <android.support.v7.widget.AppCompatTextView android:id="@+id/p2TextView2" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/transparent_ripple" android:drawableRight="@drawable/checkline" android:gravity="left|center_vertical" android:hapticFeedbackEnabled="true" android:text="AppCompatTextView" android:textColor="@android:color/white" android:textSize="@dimen/buttonTextSize" /> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="@android:color/white" /> <CheckBox android:id="@+id/p2Checkbox1" android:layout_width="match_parent" android:layout_height="@dimen/buttonHeight" android:background="@drawable/transparent_ripple" android:button="@null" android:checked="true" android:drawableRight="@drawable/checkline" android:gravity="left|center_vertical" android:text="CheckBox" android:textColor="@android:color/white" android:textSize="@dimen/buttonTextSize" /> <android.support.v7.widget.AppCompatCheckBox android:id="@+id/p2Checkbox2" android:layout_width="match_parent" android:layout_height="@dimen/buttonHeight" android:background="@drawable/transparent_ripple" android:button="@null" android:checked="true" android:drawableRight="@drawable/checkline" android:gravity="left|center_vertical" android:text="AppCompatCheckBox" android:textColor="@android:color/white" android:textSize="@dimen/buttonTextSize" /> <android.support.v7.widget.AppCompatCheckedTextView android:id="@+id/p2Checkbox3" android:layout_width="match_parent" android:layout_height="@dimen/buttonHeight" android:background="@drawable/transparent_ripple" android:checkMark="@drawable/checkline" android:checked="true" android:gravity="left|center_vertical" android:text="AppCompatCheckedTextView" android:textColor="@android:color/white" android:textSize="@dimen/buttonTextSize" /> <!-- android:checkMark="?android:attr/listChoiceIndicatorMultiple" --> <CheckedTextView android:id="@+id/p2Checkbox4" android:layout_width="match_parent" android:layout_height="@dimen/buttonHeight" android:background="@drawable/transparent_ripple" android:checkMark="@drawable/checkline" android:checked="true" android:gravity="left|center_vertical" android:text="CheckedTextView" android:textColor="@android:color/white" android:textSize="@dimen/buttonTextSize" /> <CheckBox android:id="@+id/p2Checkbox5" android:layout_width="match_parent" android:layout_height="@dimen/buttonHeight" android:background="@drawable/transparent_ripple" android:checked="true" android:gravity="center_vertical|end" android:text="CheckBox" android:textColor="@android:color/white" android:textSize="@dimen/buttonTextSize" /> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="@android:color/white" /> <ToggleButton android:id="@+id/p2ToggleButton1" android:layout_width="match_parent" android:layout_height="@dimen/buttonHeight" android:background="@drawable/transparent_ripple" android:checked="true" android:drawableRight="@drawable/checkline" android:gravity="center_vertical|left" android:textAllCaps="false" android:textColor="@android:color/white" android:textOff="ToggleButtonOff" android:textOn="ToggleButtonOn" android:textSize="@dimen/buttonTextSize" /> <ToggleButton android:id="@+id/p2ToggleButton2" android:layout_width="match_parent" android:layout_height="@dimen/buttonHeight" android:background="@drawable/transparent_ripple" android:checked="true" android:drawableRight="@drawable/btn_check_material_anim" android:gravity="center_vertical|left" android:textAllCaps="false" android:textColor="@android:color/white" android:textOff="ToggleBtnnAnimOff" android:textOn="ToggleBtnnAnimOn" android:textSize="@dimen/buttonTextSize" />

Sample checkline.xml (en dibujable, vea el enlace para la versión animada en drawable-v21)

Muestra transparent_ripple.xml (en drawable-v21)

<!-- Limit ripple to view object, can also use shape such as oval --> <item android:id="@android:id/mask" android:drawable="@android:color/white" /> <item> <selector xmlns:android="http://schemas.android.com/apk/res/android" android:enterFadeDuration="200" android:exitFadeDuration="200"> <item android:state_pressed="true"> <shape android:shape="rectangle"> <solid android:color="#80c0c000" /> </shape> </item> </selector> </item>

Muestra transparent_ripple.xml (en drawable, highlight only no ripple available

<item android:state_pressed="true"> <shape android:shape="rectangle"> <solid android:color="#80c0c000" /> </shape> </item> <item> <shape android:shape="rectangle"> <solid android:color="@android:color/transparent" /> </shape> </item>



No puedo pensar en una forma con el estilo, pero podría simplemente configurar el texto de la casilla de verificación en nada, y poner un TextView a la izquierda de la casilla de verificación con el texto deseado.


Puede agregar android:layoutDirection="rtl" pero solo está disponible con API 17.



Según lo sugerido por @The Berga, puede agregar android:layoutDirection="rtl" pero solo está disponible con API 17.
para la implementación dinámica, aquí va

chkBox.setLayoutDirection(View.LAYOUT_DIRECTION_RTL);


Si no es obligatorio utilizar un CheckBox , simplemente podría usar un Switch . Un interruptor muestra el texto en el lado izquierdo por defecto.


Solo copia esto:

<LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Your text:"/> <CheckBox android:layout_width="wrap_content" android:layout_height="wrap_content" android:checked="true" /> </LinearLayout>

¡Feliz codificación! :)


Tu puedes hacer

<CheckBox android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="right|center"//or "center_vertical" for center text android:layoutDirection="rtl" android:text="hello" />

La siguiente línea es suficiente

android:layoutDirection="rtl"


además de Hazhir imput, para este problema es necesario inyectar esa propiedad en la casilla de verificación configuración xml android: paddingLeft = "0dp", esto es para evitar el espacio vacío en la casilla de verificación del lado izquierdo.


<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:text="@string/location_permissions" android:textAppearance="@style/TextAppearance.AppCompat.Medium" android:textColor="@android:color/black" /> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <CheckBox android:id="@+id/location_permission_checkbox" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_marginRight="8dp" android:onClick="onLocationPermissionClicked" /> </RelativeLayout> </LinearLayout>