Android. Программирование для профессионалов. 4-е издание

20sp
3dp
name="AppTheme"
parent="
Theme.AppCompat.Light.DarkActionBar
">
name="colorPrimary">@color/colorPrimary
name="colorPrimaryDark">@color/colorPrimaryDark

name="colorAccent">@color/colorAccent
name="AppTheme"
parent="Theme.AppCompat.Light.DarkActionBar">

 
 
 
 
 
 
 
 

name="android:background">@color/dark_blue
m>

name="android:background">@color/dark_bluem>

bold

name="android:background">@color/dark_bluem>
name="StrongBeatBoxButton"
parent="@style/BeatBoxButton">
bold
name="AppTheme"
parent="Theme.AppCompat.Light.DarkActionBar">
...

name="android:background">@color/dark_bluem>
name="AppTheme"
parent="Theme.AppCompat
.Light.DarkActionBar
">
...
name="AppTheme"
parent="Theme.AppCompat">
name="colorPrimary">@color/
colorPrimaryred<
/item>
name="colorPrimaryDark">@color/
colorPrimary
Darkdark_red
name="colorAccent">@color/
colorAccentgrayitem>
name="Theme.AppCompat"
parent="Base.Theme.AppCompat" />
Тема 
Theme.AppCompat
наследует 
атрибуты 
от
Base.Theme.AppCompat
. Интересно, что 
Theme.AppCompat
не
переопределяет никакие атрибуты, а только содержит ссылку
на своего родителя.
Щелкните мышью по 
Base.Theme.AppCompat
с нажатой
клавишей (
Ctrl
). Android Studio сообщит, что тема уточняется
по ресурсам. Существует несколько разных версий этой темы в
зависимости от используемой версии Android.
name="Base.Theme.AppCompat"
parent="Base.V7.Theme.AppCompat">
name="Base.V7.Theme.AppCompat"
parent="Platform.AppCompat">

androidx.appcompat.app.AppCompatVie
wInflater
false
true
name="windowActionBarOverlay">false
name="Platform.AppCompat"
parent="android:Theme.Holo">
name="android:windowNoTitle">true
name="android:windowActionBar">false
?
attr/buttonBarStyle
?
attr/buttonBarButtonStyle
name="android:borderlessButtonStyle">?
attr/borderlessButtonStyle
...
name="Platform.AppCompat"
parent="android:Theme.Holo">
...
...
name="android:windowBackground">@color/backgrou
nd_material_dark
name="AppTheme"
parent="Theme.AppCompat">
@color/red
name="colorPrimaryDark">@color/dark_red
@color/gray
 
 
 
 

name="android:windowBackground">@color/soothing
_blue
name="Base.V7.Theme.AppCompat"
parent="Platform.AppCompat">
...
name="buttonStyle">@style/Widget.AppCompat.Butt
on
name="buttonStyleSmall">@style/Widget.AppCompat
.Button.Small
...
name="Widget.AppCompat.Button"
parent="Base.Widget.AppCompat.Button"/>
Стиль 
Widget.AppCompat.Button
самостоятельно никакие
атрибуты не определяет. Чтобы просмотреть его содержимое,
перейдите к его родителю. Вы увидите, что базовый стиль
существует 
в 
двух 
версиях. 
Выберите 
версию
values/values.xml
.
name="Base.Widget.AppCompat.Button"
parent="android:Widget">
name="android:background">@drawable/abc_btn_def
ault_mtrl_shape
?
android:attr/textAppearanceButton
48dip
88dip
true
true
name="android:gravity">center_vertical|center_h
orizontal
name="AppTheme"
parent="Theme.AppCompat">
name="colorPrimary">@color/red

name="BeatBoxButton"
parent="Widget.AppCompat.Button">
name="android:background">@color/dark_bluem>

name="android:textStyle">bold
name="AppTheme"
parent="Theme.AppCompat">
name="colorPrimary">@color/red
name="colorPrimaryDark">@color/dark_red
name="colorAccent">@color/gray
name="android:windowBackground">@color/soothing
_blue
name="BeatBoxButton"
parent="Widget.AppCompat.Button">
name="android:background">@color/dark_bluem>
name="Platform.AppCompat"
parent="android:Theme.Holo">
...
name="AppTheme"
parent="Theme.AppCompat">
...
name="BeatBoxButton"
parent="Widget.AppCompat.Button">
name="AppTheme"
parent="Theme.AppCompat">
...
name="BeatBoxButton"
parent="Widget.AppCompat.Button">
name="android:background">@drawable/button_beat
_box_normal
 
 
 
 
 
 
 
 

name="android:background">@drawable/button_beat
_box
 
 
 
 

android:drawable="@drawable/ic_button_beat_box_
pressed"
android:state_pressed="true"/>
android:drawable="@drawable/button_beat_box_nor
mal"
 
 
 
 

android:drawable="@drawable/ic_button_beat_box_
default"

Запустите BeatBox; вы увидите, что кнопки выводятся с
новым фоном (рис. 22.8).

---

Рис. 22.8. Искажение вида кнопок
И что получилось?.. Да ничего хорошего.
Почему результат плохо выглядит? Android равномерно
растягивает 
изображение
ic_button_beat_box_default.png
, 
включая 
загнутый
уголок и закругления. Было бы лучше, если бы вы могли явно
указать, какие части изображения можно растягивать, а какие
должны остаться в исходном виде. На помощь приходят 9-
зонные изображения.
Файл 9-зонного изображения специально форматируется
так, чтобы система Android знала, какие части изображения
можно или нельзя форматировать. При правильной реализации

---

это гарантирует, что края и углы фона будут соответствовать
изображению в том виде, в каком оно было создано.
Почему изображения называются 9-зонными? Такие
изображения разбиваются сеткой 3 × 3, то есть сетка состоит из
9 элементов, или зон (patches). Углы сетки не масштабируются,
стороны масштабируются только в одном направлении, а
центральная зона масштабируется в обоих направлениях (рис.
22.9).
Рис. 22.9. Как работает девятизонное изображение
Девятизонное изображение во всех отношениях напоминает
обычный файл 
png
, за исключением двух аспектов: имя файла
завершается суффиксом 
.9.png
и изображение имеет
дополнительную рамку толщиной в один пиксел. Рамка задает
местонахождение центрального квадрата. Черными пикселами
рамки обозначается центр, а прозрачными — края.
Девятизонное изображение можно создать в любом
графическом 
редакторе, 
но 
проще 
воспользоваться
программой 
draw9patch
, включенной в поставку Android SDK,
или средствами Android Studio.
Сначала преобразуйте два новых фоновых изображения в 9-
зонный формат: щелкните правой кнопкой мыши по файлу
ic_button_beat_box_default.png
на панели