Разработка мобильных приложений

1.

РАЗРАБОТКА
МОБИЛЬНЫХ ПРИЛОЖЕНИЙ
AppCompatButton

2.

Знакомство
Самохвалов Ростислав Витальевич

3.

ОПЫТ
0 ЛЕТ

4.

5.

6.

AppCompatButton
-это подкласс кнопки, который поддерживает
совместимые функции на старых версиях
платформы.
● позволяет динамически окрашивать фон с
помощью методов background;
●Позволяет задать оттенок фона с
помощью R.attr.backgroundTint;
●Позволяет настроить семейство шрифтов с
помощью R.attr.FontFamily.
Этот класс нужно использовать вручную только
при написании пользовательских представлений.

7.

Cоздать файл в drawable
Перейти в папку app > res > drawable и
нажать на неё правой кнопкой мыши.
Выбрать «Создать»

8.

Cоздать файл в drawable
Перейти в папку app > res > drawable и
нажать на неё правой кнопкой мыши.
Выбрать «Создать»

9.

Применение

10.

Код
String[] noteNames = {"до", "ре", "ми", "фа", "соль", "ля", "си", "до#",
"ре#", "фа#", "соль#", "ля#"};
for (int i = 1; i <= 12; i++) {
int buttonId = getResources().getIdentifier("button_" + i, "id",
getPackageName());
Button button = findViewById(buttonId);
String noteName = noteNames[i - 1];
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
noteDisplay.setText(noteName);
}
});

11.

XML
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center">
<LinearLayout
android:id="@+id/linearLayout"
android:layout_width="407dp"
android:layout_height="409dp"
android:gravity="center"
android:orientation="horizontal">
FrameLayout — тип верстки в
Android, внутри которого
может отображаться только
один элемент в строке.
Если внутри FrameLayout
поместить несколько элементов,
то следующий будет
отображаться поверх
предыдущего.
<androidx.appcompat.widget.AppCompatButton
android:id="@+id/button_1"
android:layout_width="60dp"
android:layout_height="400dp"
android:background="@drawable/white_button_background"
/>

12.

XML
<LinearLayout
android:id="@+id/linearLayout2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="horizontal">
<androidx.appcompat.widget.AppCompatButton
android:id="@+id/button_8"
android:layout_width="40dp"
android:layout_height="200dp"
android:layout_marginLeft="0dp"
android:background="@drawable/black_button_background"
/>

13.

14.

Ля#
Соль#
Фа#
Ре#
1. Создать стили для кнопок
До#
Задание
2. Повторить расположение
кнопок
3. Сделать так, чтобы при
нажатии на кнопку, нота
выводилась в текстовое поле
До
Ре
Ми
Фа Соль Ля
Си