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 Project и
выберите команду
Refactor ⇒
Rename в контекстном меню.
Переименуйте файл в
ic_button_beat_box_default.9.png
.
(Если Android Studio преду предит вас о том, что такой файл уже
существует, нажмите кнопку
Continue .) Затем повторите
процесс и переименуйте файл с «нажатой» версией
изображения в
ic_button_beat_box_pressed.9.png
.
Дважды щелкните мышью по стандартному изображениию
на панели
Project , чтобы открыть его во встроенном в Android
Studio редакторе 9-зонных изображений (рис. 22.10). (Если
Android Studio не откроет редактор, закройте файл и сверните
папку
drawable
на панели
Project , после чего откройте
изображение заново.)
В 9-зонном редакторе сначала установите флажок
Showpatches , чтобы зоны были лучше видны. Заполните черные
пикселы на верхней и левой границе, чтобы обозначить
растягиваемые области изображения, как показано на рис.
22.10. Также перетащите стороны цветной накладки в
соответствии с иллюстрацией.
Рис. 22.10. Создание 9-зонного изображения
Черная линия в верхней части изображения определяет
регион, который должен растягиваться при растяжении
изображения по горизонтали. Линия слева показывает, какие
пикселы должны растягиваться при растяжении изображения
по вертикали. В области предварительного просмотра справа
показано, как изображение будет выглядеть при различных
вариантах растяжения.
Повторите процедуру с «нажатой» версией изображения.
Запустите приложение BeatBox и посмотрите, как работает
новое 9-зонное изображение (рис. 22.11).
