Разработка мобильных приложений. Создать приложение: "Инженерный калькулятор"

24TextView никуда не уехал, а находится там, где ибылнастроенс помощью привязок.Давайте добавим еще один компонент, например, кнопку –Button(рисунок 28).Рисунок28–Добавление компонента ButtonЕсли сейчас запустить приложение, то кнопка опять переместиться в левый верхний угол,потому что она ни к чему не привязана(рисунок 29).Рисунок29–Приложение с компонентами Buttonи TextViewПривязывать можно не только к границам родителя, но и к другим компонентам, расположенным на экране. Давайте привяжем кнопку к TextViewпо горизонтали и вертикали (рисунок 30).

25Рисунок30–Приложение с компонентами Buttonи TextView1)Вертикальная привязка. Верхняя граница кнопки привязана к нижней границе TextView. Отступ = 82.Т.е. можно сказать, что по вертикальной оси:верхняя граница кнопки = нижняя граница TextView + 82.2)Горизонтальная привязка. Левая граница кнопки привязана к правой границе TextView. Отступ 103.По горизонтальной оси:левая граница кнопки = правая граница TextView + 103.Т.к. кнопка привязана к TextView, то, если мы сейчас будем перемещать TextView, то кнопка будет также перемещаться.Добавим еще View. Например, CheckBox(рисунок 31).Рисунок31–Добавление компонента CheckBox

26Сделайтетак, чтобы он по горизонтали находился на том же уровне, что и TextView. Для этого надо левую границу CheckBox привязать к левой границе TextView и сделать нулевой отступ. А по вертикали привяжитек нижней границе родителя(рисунок 32).Рисунок32–Добавление привязок к компоненту CheckBoxТеперь чекбокс и TextView выравнены по левому краю.Привязка с двух сторонМы рассмотрели примеры, когда View было привязано по каждой оси только с одной стороны. Т.е. только слева или справа по горизонтали, и сверху или снизу по вертикали. Но можнопривязать View с обеих сторон по каждой оси.Пока рассмотрим только горизонтальную привязку. Но, разумеется, все это будет работать и для вертикальной привязки.Давайте попробуем, например, левый край привязать к левой границе родителя, а правый край –к правой границе родителя.Очистим экран от всех View и добавим новый TextView без каких-либо привязок. Теперь привяжем его к левой и правой границам родителя(рисунок 33).

27Рисунок33–Добавление привязок к обеим границам родителя по горизонталиTextView сначала ушел влево, т.к. была привязка к левой границе, но после создания привязки к правой границе он выровнялся и теперь расположен по центру. Т.е. привязки уравняли друг друга, и View находится ровно посередине между тем, к чему он привязан слева, и тем, к чему он привязан справа. Т.е. в нашем случае View находится посередине между левой и правой границами его родителя.Обратите внимание, что такие двусторонние привязки отображаются как пружинки, а не линии.Усложним пример, добавив кнопку и перенастроив привязки(рисунок 34).Рисунок34–Размещение двойных привязок между элементамиКнопка привязана к правому краю. А TextView привязан к левому краю и к кнопке.Если теперь перемещать кнопку, то TextView будет оставаться ровно посередине между левым краем и кнопкой(рисунок 35).

28Рисунок35–Размещение двойных привязок между элементамиМы можем настроить двустороннюю привязку так, чтобы View располагалось не посередине, а ближе к левому краю или к кнопке. Для этого удобно