Графічні компоненти відповідають елементам, які дозволять користувачеві взаємодіяти з системою. Коли ми говоримо про GUI, ми маємо на увазі графічний інтерфейс користувача, тому ці інтерфейси побудовані за допомогою графічних елементів, таких як кнопки, меню, значки, текстові поля, етикетки та ін. серед іншого, графічний інтерфейс поєднує візуальний дизайн і події, пов’язані з цим дизайном, тому, якщо ми додаємо кнопку, ми повинні запрограмувати подію, пов’язану з цією кнопкою, коли її натискає користувач.
Як згадувалося, давайте зосередимося на графічних компонентах, які використовуються з XML-файлів, давайте розглянемо деякі властивості, згадані вище.
Основні властивості.
Давайте подивимося на деякі базові властивості, що використовуються в графічних компонентах, їх можна застосувати до будь-якого компонента незалежно від його типу, тому що, як уже згадувалося, усі компоненти є Views, тому вони мають однакові властивості, деякі з найбільш використовуваних:
android: id.
Дуже важлива властивість, оскільки вона дозволяє визначати ідентифікатор для елемента керування. Ця властивість призначається будь-якому перегляду, наприклад, якщо вона призначена полю введення даних, тоді вона використовуватиметься для збору інформації про користувача, тому ми повинні використовувати іншу назву зрозуміло.
Правильний спосіб створення ідентифікатора такий:
android:id="@+id/miTextField"
Символ @+id/ означає, що генерується новий ідентифікатор, це створить клас Р. з пакету gen проекту створіть посилання на цей об’єкт, щоб пізніше ним можна було керувати за допомогою коду.
У прикладі ідентифікатор «myTextField" для компонента.
android:layout_width.
Визначає ширину, пов’язану з видом, це обов’язкова властивість, і її значення можна визначити в абсолютних значеннях або шляхом вказівки одного з наступних двох значень:
-
wrap_content (Займає простір відповідно до вмісту)
-
match_parent (Займає весь доступний простір)
приклад:
android:layout_width="match_parent"будь-якийandroid:layout_width="290dp"
android:layout_height.
Визначає висоту, пов'язану з видом, це обов'язкова властивість, і її значення може бути визначено в абсолютних значеннях або вказуючи одне з двох наступних значень:
-
wrap_content (Займає простір відповідно до вмісту)
-
match_parent (Займає весь доступний простір)
приклад:
android:layout_height="wrap_content"будь-якийandroid:layout_height="58dp"
android:layout_margin.
Визначає поле для компонента, дозволяючи встановити простір зверху, знизу та з боків, як варіанти, якщо ви хочете надати незалежні пробіли, це можна зробити за допомогою властивостей marginLeft, marginRight, marginTop або marginBottom (або всі)
приклад: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
android: порада.
Ця властивість дозволяє відображати текст в елементі керування як довідку, поки користувач ще не ввів інформацію. (Бажано, ніж властивість text)
приклад: android:hint="Введіть ім'я"
android:inputType.
Він визначає, який тип введення буде дозволено для текстового поля, це дає змогу певного роду перевірити дані, а також повідомляє операційній системі, який тип (віртуальної) клавіатури використовувати.
Серед опцій, які ми можемо пов’язати з цією властивістю, є такі, як:
- текст
- номер
- текстура
- текстовий пароль
- телефон
- засідання
- TextEmailAddress
Є багато інших варіантів, які можна використовувати в залежності від потреби.
приклад: android:inputType="номер" | android:inputType="textEmailAddress"
android:textSize.
Визначає розмір тексту, який буде відображатися на екрані, потрібно враховувати одиниці вимірювання, якщо sp використовується для текстів
приклад: android:textSize="25sp"
android:styletext.
Визначає стиль для тексту, маючи можливість визначати текст як звичайний, жирний, курсив (або обидва).
приклад: android:textStyle="жирний" | android:textStyle="курсив" | android:textStyle="жирний|курсив"
android:textColor.
Визначає колір для тексту, маючи можливість додати колір із файлу властивостей «кольори» або шістнадцяткове значення
приклад: android:textColor="@color/teal_700" | android:textColor="#9C27B0"
android:backgroundTint.
Визначає колір фону для компонента, ви також можете отримати колір із властивостей «кольори» або шістнадцяткове значення
приклад: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"
android:текст.
Визначає текстовий вміст, пов’язаний із поданням. Хоча його значення можна призначити безпосередньо, настійно рекомендується використовувати файл рядків, доступний у папці ресурсів.
приклад: android:text="Bienvenidos" | android:text="@string/title"
Ця властивість поширена в представленнях, які відображають текст в інтерфейсі пристрою. На наступному екрані показано файл ресурсів strings.xml, де додано різні значення для текстів
і пізніше ці значення доступні з представлень
Після очищення попередніх властивостей давайте подивимося, що таке основні графічні компоненти.
Кнопка.
Вони відповідають основним кнопкам, які ми знаємо, тут просто показано кнопку з її внутрішнім текстом і визначеним полем.
При натисканні кнопка виконувала б основну функцію очікування події.
кнопка перемикання
Тип ToggleButton відповідає типу кнопки, яку можна утримувати в 2 можливих станах, натиснутій або не натиснутій, для цього визначається не лише одна текстова властивість, а 2 залежно від стану, який вона має на даний момент, використовуючи властивості android: textOn і android:textOff.
Подібно до традиційних кнопок, ToggleButton можна запрограмувати на реакцію на подію клацання, але вам, мабуть, просто потрібно знати, у якому стані вона перебуває. Це можна зробити, звернувшись до методу isChecked(), який повертає значення true у випадку натискання та false в іншому випадку.
їздити на роботу
Цей елемент керування може імітувати перемикач, дуже схожий на роботу ToggleButton, але з іншим візуальним виглядом.
Пам’ятайте, що залежно від версії Android, яку ми використовуємо, візуальний вигляд наших компонентів може змінюватися. У цьому випадку контролер Switch для Android версії 5.0 і вище виглядатиме так:
ImageButton
Цей тип кнопки дозволяє прив’язати до нього зображення, яке буде показано користувачеві замість тексту, як зазвичай. Для цього ми можемо взяти зображення з папок /res/drawable і завантажити його за допомогою властивості android:src, в цьому випадку ми будемо використовувати зображення безпосередньо з ресурсів Android.
TextView
Вони відповідають основним текстовим міткам, які показуються користувачам, іншими мовами вони відомі як мітки та дозволяють відображати текст, пов’язаний із властивістю android:text, ці мітки мають інші властивості, які дозволяють маніпулювати їхнім розміром, фоном колір, колір і тип шрифту, стиль тощо.
редагувати текст
Перегляд Android EditText еквівалентний ASP і C# Textbox або JAVA JTextField, це елемент керування, який дозволяє захоплювати текст, який вводить користувач під час виконання.
поле вибору
Елемент керування прапорцем використовується для встановлення або зняття прапорців у програмі. Спосіб його визначення в інтерфейсі та властивості, доступні для маніпулювання ним за допомогою коду, аналогічні тим, що прокоментовані в елементі керування 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, який запускається, коли вибрано елемент групи (пам’ятайте, що вибір елемента групи означає скасування вибору іншого).
І це все, це деякі з основних графічних компонентів, які ми будемо використовувати протягом усього курсу, у наступних публікаціях ми продовжимо з іншими компонентами або макетами.
Це також може вас зацікавити.
Ви хочете щось додати або прокоментувати до цього запису? не соромтеся робити....І якщо вам сподобалося... Запрошую поділитися Ю Підпишіться, натиснувши кнопку «Приєднатися до цього сайту», щоб почути більше подібних дописів 😉