Графические компоненты соответствуют элементам, которые позволят пользователю взаимодействовать с системой, когда мы говорим о GUI, мы имеем в виду графические пользовательские интерфейсы, поэтому эти интерфейсы строятся с помощью графических элементов, таких как кнопки, меню, значки, текстовые поля, этикетки и т.д. текст среди прочего, графический интерфейс сочетает в себе визуальный дизайн и события, связанные с этим дизайном, поэтому, если мы добавляем кнопку, мы должны запрограммировать событие, связанное с этой кнопкой, когда пользователь нажимает ее.
Как уже упоминалось, давайте сосредоточимся на графических компонентах, которые используются из XML-файлов, и посмотрим на некоторые свойства, упомянутые выше.
Основные свойства.
Давайте посмотрим на некоторые основные свойства, используемые в графических компонентах, они могут быть применены к любому компоненту, независимо от его типа, потому что, как уже упоминалось, все компоненты являются представлениями, поэтому они имеют одни и те же свойства, некоторые из наиболее часто используемых:
андроид: идентификатор.
Очень важное свойство, поскольку оно позволяет определить идентификатор элемента управления. Это свойство назначается любому представлению, например, если оно назначено полю ввода данных, то оно будет использоваться для сбора информации о пользователе, поэтому мы должны использовать отличительное имя. чисто.
Правильный способ генерации идентификатора выглядит следующим образом:
android:id="@+id/miTextField"
Символ @+идентификатор/ означает, что генерируется новый идентификатор, это сделает класс Р. из пакета gen проекта создайте ссылку на этот объект, чтобы впоследствии с ним можно было манипулировать кодом.
В примере идентификатор «моетекстовое поле» для компонента.
андроид: layout_width.
Определяет ширину, связанную с представлением, это обязательное свойство, и его значение может быть определено в абсолютных значениях или путем указания одного из следующих двух значений:
-
обернуть содержимое (Он занимает место в соответствии со своим содержимым)
-
match_parent (Занимает все свободное место)
Пример:
Android: layout_width = "match_parent"любойandroid:layout_width="290dp"
андроид: layout_height.
Определяет высоту, связанную с представлением, это обязательное свойство, и его значение может быть определено в абсолютных значениях или с указанием одного из двух следующих значений:
-
обернуть содержимое (Он занимает место в соответствии со своим содержимым)
-
match_parent (Занимает все свободное место)
Пример:
android:layout_height="wrap_content"любойандроид: layout_height = "58dp"
андроид: layout_margin.
Определяет отступ для компонента, позволяя установить пространство сверху, снизу и по бокам от него, как варианты, если вы хотите дать независимые пробелы, это можно сделать с помощью свойств marginLeft, marginRight, marginTop или marginBottom (или всех)
Пример: андроид: layout_margin = "20dp" | андроид: layout_marginTop = "20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
андроид: подсказка.
Это свойство позволяет отображать текст в элементе управления в качестве справки, пока пользователь еще не ввел информацию. (Предпочтительнее, чем свойство text)
Пример: android:hint="Введите имя"
андроид: inputType.
Он определяет, какой тип ввода будет разрешен для текстового поля, это позволяет выполнять некоторую проверку данных, а также сообщает операционной системе, какой тип (виртуальной) клавиатуры использовать.
Среди параметров, которые мы можем связать с этим свойством, есть такие, как:
- Текст
- число
- текстура
- текстовый пароль
- телефон
- встреча
- ТекстEmailAddress
Есть много других вариантов, которые можно использовать в зависимости от необходимости.
Пример: андроид: тип ввода = "число" | Android: inputType = "textEmailAddress"
андроид: размер текста.
Определяет размер текста, который будет отображаться на экране, необходимо учитывать единицы измерения, где sp используется для текстов
Пример: андроид: textSize = "25sp"
андроид:стильтекст.
Определяет стиль текста, позволяя определить текст как обычный, полужирный, курсив (или оба).
Пример: андроид: textStyle = "жирный" | андроид: textStyle = "курсив" | android:textStyle="жирный|курсив"
андроид: цвет текста.
Определяет цвет для текста, имея возможность добавить цвет из файла свойств «цвета» или шестнадцатеричное значение.
Пример: Android: textColor="@color/teal_700" | Android: текстовый цвет = "#9C27B0"
андроид: фоновый оттенок.
Определяет цвет фона для компонента, вы также можете получить цвет из свойств «цвета» или шестнадцатеричного значения.
Пример: Android: backgroundTint="@color/teal_200" | Android: backgroundTint = "#FF5722"
андроид: текст.
Определяет текстовое содержимое, связанное с представлением. Хотя его значение можно задать напрямую, настоятельно рекомендуется использовать файл строк, доступный в папке ресурсов.
Пример: android:text="Биенвенидос" | андроид:текст="@строка/название"
Это свойство распространено в представлениях, которые отображают текст в интерфейсе устройства. На следующем экране показан файл ресурсов strings.xml, в который добавлены разные значения для текстов.
и позже к этим значениям обращаются из представлений
После очистки предыдущих свойств давайте посмотрим, что представляют собой основные графические компоненты.
Кнопка.
Они соответствуют известным нам основным кнопкам, это просто показывает кнопку со своим внутренним текстом и определенным полем.
Кнопка будет выполнять основную функцию ожидания события при нажатии.
Кнопка-переключатель
Тип ToggleButton соответствует типу кнопки, которая может находиться в 2-х возможных состояниях, нажата или не нажата, для этого определено не одно текстовое свойство, а 2 в зависимости от состояния, которое она имеет в данный момент, используя свойства android: textOn и android: textOff.
Как и традиционные кнопки, ToggleButton можно запрограммировать так, чтобы он реагировал на событие щелчка, но вам, вероятно, просто нужно знать, в каком состоянии он находится. Это можно сделать, обратившись к методу isChecked(), который возвращает значение true в случае нажатия и false в противном случае.
добираться
Этот элемент управления может имитировать переключатель, очень похожий на то, как работает ToggleButton, но с другим внешним видом.
Помните, что в зависимости от версии Android, которую мы используем, внешний вид наших компонентов может меняться, в этом случае контроллер Switch для Android версии 5.0 и выше будет выглядеть так:
Кнопка изображения
Этот тип кнопки позволяет связать с ней изображение, которое будет показано пользователю вместо текста, как обычно, для этого мы можем взять изображение из папки /res/drawable и загрузить его с помощью свойства android:src, в этом случае мы будем использовать изображение непосредственно из ресурсов Android.
Текстовый вид
Они соответствуют основным текстовым меткам, которые отображаются пользователям, на других языках они известны как метки и позволяют отображать текст, связанный со свойством android:text, эти метки имеют другие свойства, которые позволяют вам управлять их размером, фоном цвет, цвет и тип шрифта, стиль и т. д.
редактировать текст
Представление Android EditText эквивалентно текстовому полю ASP и C# или JTextField JAVA. Это элемент управления, который позволяет захватывать текст, вводимый пользователем во время выполнения.
поле выбора
Флажок используется для проверки или снятия флажка параметров в приложении. Способ его определения в интерфейсе и свойства, доступные для его манипулирования кодом, аналогичны комментариям в элементе управления ToogleButton.
Этот элемент управления наследуется от элемента управления TextView, поэтому все параметры форматирования, уже упомянутые для этого элемента управления, также действительны для флажка.
В коде приложения вы можете проверить, выбран ли этот элемент управления, с помощью метода isChecked(), который возвращает значение истинный Если вы были выбраны или ЛОЖЬ в противном случае вы также можете использовать метод setChecked(value) для установки определенного состояния элемента управления, где значение истинный будет для избранных и ЛОЖЬ по не выбранному.
Событие, которое обычно запрограммировано для этого элемента управления и которое выполняется каждый раз при изменении его состояния (выбрано/не выбрано), — это событие onCheckedChanged.
переключатель
Как и элемент управления CheckBox, RadioButton служит для проверки или снятия отметки с данной опции, разница заключается в типе выбора, который вы хотите сделать. RadioButtons обычно используются в группах для определения набора параметров, из которых вы можете выбрать только один, т. е. каждый параметр является взаимоисключающим, поэтому при выборе параметра тот, который был выбран ранее, будет автоматически снят. Эти группы определяются элементом RadioGroup, который, в свою очередь, будет содержать все элементы RadioButton, представляющие параметры.
RadioGroups может установить для свойства android:orientation значение «Vertical» или «Horizontal», чтобы определить, как будут упорядочены содержащиеся в нем RadioButtons.
RadioButton, в свою очередь, помимо ширины и высоты, должен определить свойство android:text, чтобы связать текст представленной опции, и android:id, чтобы связать код с элементом управления, чтобы им можно было манипулировать из логики приложения.
Для манипулирования элементом управления из логики приложения могут использоваться разные методы, среди которых мы находим check(я бы пошел), который используется для установки радиокнопки, идентифицированной с идентификатором, который передается в качестве параметра, как выбранный, метод clearCheck() используется для снятия всех радиокнопок в группе, а метод getCheckedRadioButtonId() используется для получения идентификатора переключатель, который находится в выбранной группе, или значение -1, если ни один элемент не выбран.
Самым важным событием этого элемента управления также является событие onCheckedChanged, которое срабатывает при выборе элемента группы (помните, что выбор элемента группы означает отмену выбора другого).
И все, это одни из основных графических компонентов, которые мы будем использовать на протяжении всего курса, в следующих постах мы продолжим работу с другими компонентами или макетами.
Это также может вас заинтересовать.
Есть ли что-нибудь, что вы хотите добавить или прокомментировать по поводу этой записи? смело делайте….И если вам понравилось... Я приглашаю вас поделиться Д Подпишитесь, нажав кнопку «Присоединиться к этому сайту», чтобы получать больше подобных сообщений. 😉