четверг, 7 августа 2014 г.

3. Android - Аудіо, Текст


Продовжуємо творити прекрасне. В минулому уроці у нас був створений перший додаток настільки крутий, що крім тексту міг показувати ще й зображення. Сьогодні спробуємо додати аудіо. Такий-собі рагульний плеєр. Для сміху.
У нас є лінк на аудіотрек. Завантажуємо. В проекті створюємо папку з назвою "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. Копіюємо всі елементи з уже існуючого файлу і налаштовуємо під горизонтальну орієнтацію.
Перевіряємо.
Готово.
Все.
Радий був для вас старатися.



Комментариев нет:

Отправить комментарий