Продовжуємо творити прекрасне. В минулому уроці у нас був створений перший додаток настільки крутий, що крім тексту міг показувати ще й зображення. Сьогодні спробуємо додати аудіо. Такий-собі рагульний плеєр. Для сміху.
У нас є лінк на аудіотрек. Завантажуємо. В проекті створюємо папку з назвою "raw", і копіюємо туди наш файл. Додаємо на activity_my.xml кнопку, на якій пишимо "Play", при натисканні на яку буде включатися наша завантажена мелодія, і пауза після повторного натискання. Відкриваємо файл MyActivity.java і додаємо в початок класу такі змінні:
MediaPlayer song; // екземпляр класу пісні
Button btn;// екземпляр кнопки
В методі onCreate() додамо значенння цим посиланням.
song = MediaPlayer.create(this,R.raw.war); // war - ім'я нашого аудіофайлу
btn = (Button) findViewById(R.id.button); // button - ім'я кнопки
далі створимо метод:
public void pause(View view){
if(song.isPlaying()) {
song.pause();
btn.setText("Play");
}
else{
song.start();
btn.setText("Pause");
}
}
Додамо можливість зупинити музику при покиданні додатку. Для цього нам необхідно перевизначити метод onPause().
@Override
protected void onPause() {
super.onPause();
song.stop();
}
В кнопку, в файлі activity_my.xml, додамо рядок, що відповідатиме за виклик методу запуску музики:
android:onClick="pause"
Запускаємо.
Перевіряємо.
Не погано було б додати текст до нашої пісні. Перш за все створимо в файлі strings.xml ресурс під назвою lyrics з текстом пісні. Не забуваємо відмітити всі недопустимі символи.
В файлі activity_my.xml створимо TextViev для перегляду тексту пісні, та завчасно помістимо його в ScrolView, щоб забезпечити можливість прокрутки тексту.
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@+id/button"
android:id="@+id/scrollView"
android:onClick="translateOnClic">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/lyrics"
android:id="@+id/textView2"
android:textSize="18dp"
android:layout_below="@+id/button"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignRight="@+id/scrollView"
android:layout_alignEnd="@+id/scrollView" />
</ScrollView>
Виглядає непогано, як для новачків, але що ж в горизонтальному положенні? Біда. Але і для цього є вихід.
Створимо окремий файл для альбомного виду нашого додатку. Для цього на папці "res" правою кнопкою "New" -> "resoursse file". Файл назвати точно так же як і вже існуючий для вертикальної (портретної) орієнтації екрану і помістити в папку layout-land. Копіюємо всі елементи з уже існуючого файлу і налаштовуємо під горизонтальну орієнтацію.
Перевіряємо.
Готово.
Все.
Радий був для вас старатися.
Комментариев нет:
Отправить комментарий