Что такое View?

Любой элемент интерфейса, с которым пользователь может взаимодействовать.

Что такое ViewGroup?

Наследник View, представляющий собой невидимый пользователю контейнер, определяющий порядок, размеры и местоположение View на экране.

Каждый ViewGroup реализует вложенный класс - наследник ViewGroup.LayoutParams, который распространяет свои layout-атрибуты на все дочерние View и ViewGroup.

• Декларативность: позволяет определять и комбинировать View без деталей реализации
• Разделение: позволяет разрабатывать интерфейс отдельно от логики экрана
• Стандартизация: упрощает понимание и поддержку визуальной структуры пользовательского интерфейса
• Скорость: быстрая и легкая реализация, возможность переиспользования
• Адаптация: позволяет настроить UI под разные конфигурации Android устройств

View Common Attributes

                    android:id - уникальный идентификатор
                    android:layout_width - ширина элемента (wrap_content, match_parent)
                    android:layout_height - высота элемента
                    android:layout_margin - отступы снаружи элемента
                    android:padding - отступы внутри элемента
                    android:layout_gravity - расположение элемента внутри родителя
                    android:gravity - расположение контента внутри элемента (top, start, center, center_vertical...)
                    android:visibility - показывать элемент или нет (visible, invisible, gone)
                    android:background - фоновое изображение

TextView Unique Attributes

                    android:text – текст
                    android:textSize – размер
                    android:textColor – цвет
                    android:fontFamily - фонт
                    android:textStyle - стиль (bold, italic, normal)
                    android:singleLine - максимум одна строка текста
                    android:maxLines - максимальное число строк текста
                    android:ellipsize - для сокращения длинного текста многоточием
                    android:drawableTop - добавить drawable к тексту (Compound Drawable)
                    android:drawablePadding - отступ от текста до Compound Drawable

ImageView Unique Attributes

                    android:src - что показывать
                    android:scaleType - как масштабировать
                    android:adjustViewBounds - размеры View устанавливаются от размеров изображения

                    <FrameLayout
                        xmlns:android="http://schemas.android.com/apk/res/android"
                        android:id="@+id/frameLayout"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"/>

                    class SplashActivity : AppCompatActivity() {
                        override fun onCreate(savedInstanceState: Bundle?) {
                            super.onCreate(savedInstanceState)
                            setContentView(R.layout.activity_splash)
                            frameLayout.addView(TextView(this).apply {
                                // View Common Attributes
                                id = ViewCompat.generateViewId()
                                layoutParams = FrameLayout.LayoutParams(
                                    FrameLayout.LayoutParams.MATCH_PARENT,
                                    FrameLayout.LayoutParams.WRAP_CONTENT
                                ).also {
                                    it.bottomMargin = resources.getDimensionPixelSize(R.dimen.splash_text_margin_bottom)
                                    it.gravity = Gravity.BOTTOM
                                }
                                rotation = 30f
                                // TextView Unique Attributes
                                text = resources.getString(R.string.hello_android)
                                setTextColor(ContextCompat.getColor(context, R.color.white))
                                gravity = Gravity.CENTER
                                setTextSize(TypedValue.COMPLEX_UNIT_PX, resources.getDimension(R.dimen.size_xlarge_plus_plus))
                                typeface = ResourcesCompat.getFont(context, R.font.minimo_regular)
                                setTypeface(typeface, Typeface.BOLD)
                            })
                            frameLayout.addView(ImageView(this).apply {
                                // ImageView Unique Attributes
                                scaleType = ImageView.ScaleType.FIT_XY
                                setImageResource(R.drawable.bg_splash)
                            }, 0)
                        }
                    }

Стиль задается экземплярами классов, которые реализуют ParcelableSpan

• AbsoluteSizeSpan - размер текста
• RelativeSizeSpan - размер текста относительно текста строки
• BackgroundColorSpan - цвет фона
• ForegroundColorSpan - цвет текста
• LocaleSpan - Locale текста
• StyleSpan - Typeface текста (bold, italic)
• TypefaceSpan - Typeface текста (font)
• URLSpan (: ClickableSpan) - реакция на нажатие
• UnderlineSpan - нижнее подчеркивание
• ...

LinearLayout Unique Attributes

                    android:orientation – horizontal/vertical
                    android:weightSum – назначает суммарный вес для дочерних элементов
                    android:layout_weight – назначает индивидуальный вес для дочернего элемента

EditText Unique Attributes

                    android:hint - подсказка, видна пока EditText пустой
                    android:textColorHint - цвет подсказки
                    android:inputType - тип клавиатуры (email, телефон и т.д.)
                    android:digits - список допустимых символов

Взаимодествие с клавиатурой

1) Клавиатура - это отдельное приложение
2) Изменять размер клавиатуры не нужно - нужно следить за изменениями размера layout
3) UI компоненты лучше разместить в ScrollView
4) Помогайте пользователю с помощью атрибутов inputType и imeOptions
                

Атрибуты, связанные с родителем

                    android:layout_alignParentBottom - выравнивание относительно нижнего края
                    android:layout_alignParentLeft - выравнивание относительно левого края
                    android:layout_alignParentRight - выравнивание относительно правого края
                    android:layout_alignParentTop - выравнивание относительно верхнего края
                    android:layout_centerInParent - выравнивание по центру родителя
                    android:layout_centerHorizontal - выравнивание по центру + по горизонтали
                    android:layout_centerVertical - выравнивание по центру + по вертикали

Атрибуты, связанные с соседними View

                    android:layout_above - размещается над указанным View
                    android:layout_below - размещается под указанным View
                    android:layout_alignLeft - выравнивается по левому краю
                    android:layout_alignRight - выравнивается по правому краю
                    android:layout_alignTop - выравнивается по верхнему краю
                    android:layout_alignBottom - выравнивается по нижнему краю
                    android:layout_toLeftOf - правый край компонента размещается слева
                    android:layout_toRightOf - левый край компонент размещается справа

• Relative positioning
• Margins
• Centering positioning
• Circular positioning
• Visibility behavior
• Dimension constraints
• Chains
• Virtual Helpers objects

Chains

                    app:layout_constraintHorizontal_chainStyle="spread"
                    app:layout_constraintVertical_chainStyle="spread"
                    app:layout_constraintHorizontal_chainStyle="spread_inside"
                    app:layout_constraintVertical_chainStyle="spread_inside"
                    app:layout_constraintHorizontal_chainStyle="packed"
                    app:layout_constraintVertical_chainStyle="packed"

                    app:layout_constraintHorizontal_weight="1"
                    app:layout_constraintVertical_weight="1"

GuideLine

                    app:layout_constraintGuide_percent="0.5"
                    app:layout_constraintGuide_begin="10dp"
                    app:layout_constraintGuide_end="150dp"

Barriers

                    app:barrierDirection="right"
                    app:constraint_referenced_ids="button,text_view"

Позиционирование в FlexboxLayout:

flexWrap - однострочный или многострочный контейнер
    (nowrap(default), wrap, wrap_reverse)
flexDirection - направление главной оси
    (row(default), row_reverse, column, column_reverse)
justifyContent - выравнивание вдоль главной оси
    (flex_start(default), flex_end, center, space_between, space_around)
alignItems - выравнивание вдоль поперечной оси
    (stretch(default), flex_start, flex_end, center, baseline)
alignContent - выравнивание строк в контейнере
    (stretch(default), flex_start, flex_end, center,
     space_between, space_around)

Разделители в FlexboxLayout:

showDividerHorizontal - none | beginning | middle | end
showDividerVertical - none | beginning | middle | end
dividerDrawableHorizontal - горизонтальные разделители
dividerDrawableVertical - вертикальные разделители
showDivider, dividerDrawable - горизонтальные и вертикальные разделители