Макеты экранов Android приложений: описание и особенности

Все атрибуты
А вот все атрибуты, которые могут пригодиться при создании интерфейса:

Constraint Layout
Когда стало понятно, что такое android layout_below и ему подобные записи, можно рассмотреть новый макет. Он носит название ConstraintLayout. Появился в Android Studio 2.2, доступен для устройств, которые имеют версию Android от 2.3.
Он:

• 
  может быть обнаружен в Layouts;
  
• 
  у Google есть собственный конвертер для перехода на Constraint;
  
• 
  по умолчанию в Android Studio версии 2.3 и выше изначально применяется ConstraintLayout.
  

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

1. 
   View options с разделами Show Constraints. Отвечает за заданные ограничения в режиме предварительного просмотра. Действует при раскладке. Если ограничений много, этим элементом управления не всегда целесообразно пользоваться – он выводит на экран большое количество информации.
   
2. 
   Turn on Autoconnect. При активации ограничения автоматически настраиваются при перетаскивании представлений в область предварительного просмотра. Студия постарается угадать, какие «рамки» будет иметь компонент. Далее – создавать их по мере необходимости.
   
3. 
   Default Margins. Стандартное назначение для расположения отступов. Может применяться для каждого компонента.
   
4. 
   Clear All Constraints. Отвечает за стирание всех ограничений в макете Android Applications.
   
5. 
   Infer Constraints. Это автоматическое создание ограничений. Срабатывает при нажатии на соответствующий элемент управления.
   
6. 
   GuideLines. Этот раздел требует отдельного внимания.
   

Все это помогает при работе с опциями button Android, layout_below и другими компонентами для выстраивания пользовательского интерфейса в mobile application.
GuideLine
Это – элемент, который находится на панели инструментов в среде программирования для Андроид App.При нажатии на соответствующую надпись в XML-файле появится часть кода. Он приведен ниже.
android.support.constraint.Guideline
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/guideline"
android:orientation="vertical"
app:layout_constraintGuide_begin="72dp"
tools:layout_editor_absoluteY="0dp"
tools:layout_editor_absoluteX="72dp" /
У GuideLine есть две опции: Add Vertical GuideLine и Add Horizontal GuideLine. Приведенный пример – это View, который имеет размер 0. Данный факт соответствует View.GONE.
При разработке софта видны лишь полоски, во время функционирования утилиты – ничего. Соответствующие элементы помогают размещать компоненты аккуратно относительно заданной линии (above, below и не только).
Направляющие пригодятся, если есть повторение одних и тех же значений отступов у нескольких элементов интерфейса. Направляющие можно указывать:

• 
  через dp, начиная от края экрана;
  
• 
  путем задавания параметров в процентах от ширины дисплея.
  

Для работы с XML нужно запомнить большое количество атрибутов. Вот некоторые из них. Позволяют производить выравнивание относительно друг друга:

• 
  app:layout_constraintStart_toStartOf;
  
• 
  app:layout_constraintLeft_toLeftOf;
  
• 
  app:layout_constraintEnd_toEndOf;
  
• 
  app:layout_constraintRight_toRightOf;
  
• 
  app:layout_constraintTop_toTopOf;
  
• 
  app:layout_constraintBaseline_toBaselineOf;
  
• 
  app layout_constraintBottom_toBottomOf;
  
• 
  Start_toEndOf;
  
• 
  Left_toRightOf – по левому краю;
  
• 
  End_toStartOf;
  
• 
  Right_toLeftOf ;
  
• 
  Top_toBottomOf ;
  
• 
  app:layout_constraintBottom_toTopOf.
  

Значения этих атрибутов схожи с ParentLayout. Пример — layout_constraintbottom_tobottomof предусматривает ситуацию, при которой нижняя граница позиционируется относительно нижней границы другого элемента.
Цепи
Также при разработке Android утилит нужно учитывать возможность «сцепки» компонентов. Для этого нужно:

1. 
   Выделить элементы. Пример – три кнопки.
   
2. 
   Выбрать в меню Center Horizontally.
   
3. 
   Последовательно щелкать по появившемуся значку.
   

Кнопки начнут центрироваться с разнообразными стилями:

• 
  spread – когда свободное пространство равномерно распределяется между элементами и краями родителя;
  
• 
  spread_inside – крайние компоненты будут прижиматься к границам родителя, свободное пространство распределяется между другими частями интерфейса;
  
• 
  packed – свободная область отдается под распределение между крайними элементами и границами родителя.
  

Constraints напоминает работу с ParentsLayout. Поэтому разобраться с этим макетом of Android Studio не слишком трудно.