Хобрук: Ваш путь к мастерству в программировании

Как выровнять CheckBox по верхней части его описания в Android

Я хотел бы выровнять CheckBox "символ" вверху его описания.

Что у меня есть сейчас: before

Что я хочу иметь: после

Текущий xml:

<CheckBox android:id="@+id/register_checkbox"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/register_hint"/>

Я пытался добиться этого, манипулируя атрибутами layout_gravity, но это не сработало.

android android-layout checkbox android-xml
07.01.2016

  • Может быть, это не элегантно, но установка флажка без текста, а затем текстовое представление, кроме того, может делать то, что вы хотите. Поскольку я не знаю, как делать то, что вы хотите, изначально. 07.01.2016

Ответы:


1

android:gravity="top" решит проблему:

<CheckBox android:id="@+id/register_checkbox"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@string/register_hint"
          android:gravity="top"/>

Обратите внимание, что android:gravity отличается от android:layout_gravity.

07.01.2016
  • Ваше решение работает! На самом деле я манипулировал атрибутами android:layout_gravity, поэтому не видел никаких эффектов. 08.01.2016
  • Почему мой не работал? Мне пришлось использовать CheckBox слева и TextView справа. 14.05.2018

    • 2
    • #P1# <блочная цитата> #P2#
    • #P3# <блочная цитата> #P4#
    19.12.2016
  • Добавление padding_top решает проблему с некрасивыми вырезами поверх текста. Спасибо! 09.07.2018

    • 3

    Я нашел это:

     android:gravity="fill"

    работает лучше, чем "топ". Верх не будет выглядеть правильно, если флажок также может быть только одной строкой.

    02.03.2019
  • Это, кажется, идеальное решение на самом деле! Он одинаково хорошо работает для коротких (однострочных) текстов и длинных текстов, причем не прибегая к предположениям о размере шрифта со статическим отступом. 05.06.2020

    • 4

    Вы можете попробовать этот код: -

        <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="false">
        <layer-list>
            <item android:top="2dp">
                <bitmap android:gravity="center" android:src="@drawable/checkbox" />
            </item>
        </layer-list>
    </item>
    <item android:state_checked="true">
        <layer-list>
            <item android:top="2dp">
                <bitmap android:gravity="center" android:src="@drawable/checkboxselected" />
            </item>
        </layer-list>
    </item>
    <item>
        <layer-list>
            <item android:top="2dp">
                <bitmap android:gravity="center" android:src="@drawable/checkbox" />
            </item>
        </layer-list>
    </item>
</selector>
    03.01.2019
    Новые материалы
    Создание кнопочного меню с использованием HTML, CSS и JavaScript
    Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..
    Внедрите OAuth в свои веб-приложения для повышения безопасности
    OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..
    Классы в JavaScript
    class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..
    Как свинг-трейдеры могут использовать ИИ для больших выигрышей
    По мере того как все больше и больше профессиональных трейдеров и активных розничных трейдеров узнают о возможностях, которые предоставляет искусственный интеллект и машинное обучение для улучшения..
    Как построить любой стол
    Я разработчик программного обеспечения. Я люблю делать вещи и всегда любил. Для меня программирование всегда было способом создавать вещи, используя только компьютер и мое воображение...
    Обзор: Машинное обучение: классификация
    Только что закончил третий курс курса 4 часть специализации по машинному обучению . Как и второй курс, он был посвящен низкоуровневой работе алгоритмов машинного обучения. Что касается..
    Разработка расширений Qlik Sense с qExt
    Использование современных инструментов веб-разработки для разработки крутых расширений Вы когда-нибудь хотели кнопку для установки переменной в приложении Qlik Sense? Когда-нибудь просили..