Ширина и высота элементов

Все визуальные элеметы, которые мы используем в приложении, как правило, упорядочиваются на экране с помощью контейнеров. В Android подобными контейнерами служат такие классы как RelativeLayout, LinearLayout, GridLayout, TableLayout, ConstraintLayout, FrameLayout. Все они по разному располагают элементы и управляют ими, но есть некоторые общие моменты при компоновке визуальных компонентов, которые мы сейчас рассмотрим.

Для организации элементов внутри контейнера используются параметры разметки. Для их задания в файле xml используются атрибуты, которые начинаются с префикса layout_. В частности, к таким параметрам относятся атрибуты layout_height и layout_width, которые используются для установки размеров и могут принимать одно из следующих значений:

· точные размеры элемента, например 96 dp

· значение wrap_content: элемент растягивается до тех границ, которые достаточны, чтобы вместить все его содержимое

· значение match_parent: элемент заполняет всю область родительского контейнера

Например:

<? xml version=" 1.0" encoding=" utf-8"? > < RelativeLayout xmlns: android=" http: //schemas.android.com/apk/res/android" android: id=" @+id/activity_main"    android: layout_width=" match_parent" android: layout_height=" match_parent"    > < TextView   android: text=" Hello Android 7"    android: layout_height=" wrap_content"    android: layout_width=" wrap_content"    android: textSize=" 26sp"    android: background=" #e0e0e0" /> < /RelativeLayout>

Контейнер самого верхнего уровня, в качестве которого в данном случае выступает RelativeLayout, для высоты и ширины имеет значение match_parent, то есть он будет заполнять всю область для activity - как правило, весь экран.

А элемент TextView растягивается до тех значений, которые достаточны для рамещения его текста.

Теперь изменим высоту и ширину на match_parent:

< TextView android: text=" Hello Android 7" android: layout_height=" match_parent" android: layout_width=" match_parent" android: textSize=" 26sp" android: background=" #e0e0e0" />

Теперь TextView будет заполнять все пространство контейнера:

Либо мы можем установить точные значения:

< TextView android: text=" Hello Android 7" android: layout_height=" 90dp" android: layout_width=" 150dp" android: textSize=" 26sp" android: background=" #e0e0e0" />

Также мы можем комбинировать несколько значений, например, растянуть по ширине и установить точные значения для высоты:

< TextView android: text=" Hello Android 7" android: layout_height=" 80dp" android: layout_width=" match_parent" android: textSize=" 26sp" android: background=" #e0e0e0" />

Если для установки ширины и длины используется значение wrap_content, то мы можем дополнительно ограничить минимальные и максимальные значения с помощью атрибутов minWidth/maxWidth и minHeight/maxHeight:

< TextView android: text=" Hello Android 7"    android: minWidth=" 200dp"    android: maxWidth=" 250dp"    android: minHeight=" 100dp"    android: maxHeight=" 200dp"    android: layout_height=" wrap_content"    android: layout_width=" wrap_content"    android: textSize=" 26sp"    android: background=" #e0e0e0" />

В этом случае ширина TextView будет такой, которая достаточна для вмещения текста, но не больше значения maxWidth и не меньше значения minWidth. То же самое для установки высоты.

⇐ Предыдущая45678910111213Следующая ⇒

Поделиться: