Методичні вказівки до лабораторних робіт з дисципліни: " Програмування мобільних пристроїв " для студентів напряму підготовки

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentTop="true"

android:layout_centerHorizontal="true"

android:layout_marginTop="174dp"

android:text="@string/bg"/>

Лістинг 8.5. Код файлу activity _ main.xml

3. Наше застосування міняє фон на вибраний. Значить, нам треба створити кольори і їх назви у файлі strings.xml. Як ви пам'ятаєте, цей файл знаходиться в теці values, яка у свою чергу знаходиться в теці res. Також створимо рядок messages, яка нам знадобляться для діалогового вікна.



Dialog

Settings

Выбрать фон

Лістинг 8.6. Файл strings.xml

4. Перейдемо у файл MainActivity.java. Створіть наступні змінні:
private Button bgButton;

public RelativeLayout relativeLayout;

Context context;
Якщо компілятор підкреслює тип і повідомляє про помилку, наприклад, підкреслює Context, наведіть курсор на підкреслене слово: повинне з'явитися контекстне меню, що пропонує варіанти, як можна виправити помилку. Виберете Import 'Context', щоб імпортувати бібліотеку.

5. Тепер треба описати, що відбуватиметься при натисненні на нашу кнопку.

Спершу зв'яжемо об'єкти з activity _ main.xml і змінні в MainActivity.java через id (у onCreate) :
bgButton = (Button) findViewById (R.id.background _ button);

relativeLayout = (RelativeLayout) findViewById (R.id.relativelayout);

Context - це об'єкт, який надає доступ до базових функцій додатка.
Додаємо в код
context = MainActivity.this;
6. Тепер треба додати подію onClick і навісити на кнопку OnClickListener. Додаємо в заголовок класу MainActivity implements OnClickListener. Щоб зв'язати кнопку і Listener в onCreate пишемо
bgButton.setOnClickListener (this);

Створимо тепер подію onClick

@Override

public void onClick (View v){

}
У цьому об'єкті створюємо власне діалог і називаємо його:
AlertDialog.Builder builder = new AlertDialog.Builder (this);

builder.setTitle (R.string.message);

AlertDialog alert = builder.create ();

alert.show ();

getText (R.string.red), getText (R.string.yellow), getText (R.string.green)

};
7. Сформуємо власне наш список і задамо ще один Listener, який мінятиме колір фону на вибраний:
builder.setItems(items, new DialogInterface.OnClickListener() {

public void onClick(DialogInterface dialog, int item) {

switch (item) {

case 0: { relativeLayout.setBackgroundResource(R.color.redColor);

break;}

case 1: {relativeLayout.setBackgroundResource(R.color.yellowColor);

case 2: {relativeLayout.setBackgroundResource(R.color.greenColor);

break;}

}

8. Залишилося додати в кожний case спливаючі вікна Toast, і додаток повністю готовий!

import android.app.AlertDialog;

import android.content.Context;

import android.content.DialogInterface;

import android.os.Bundle;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.RelativeLayout;

import android.widget.Toast;

public RelativeLayout relativeLayout;

Context context;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

bgButton = (Button) findViewById(R.id.background_button);

bgButton.setOnClickListener(this);

context = MainActivity.this;

relativeLayout = (RelativeLayout)findViewById(R.id.relativelayout);

}
@Override

public void onClick(View v) {
final CharSequence[] items = {getText(R.string.red) , getText(R.string.yellow),getText(R.string.green)

};
AlertDialog.Builder builder = new AlertDialog.Builder(this);

builder.setTitle(R.string.message);

builder.setItems(items, new DialogInterface.OnClickListener() {

public void onClick(DialogInterface dialog, int item) {

switch (item) {

case 0: { relativeLayout.setBackgroundResource(R.color.redColor);

Toast.makeText(context, R.string.red, Toast.LENGTH_LONG).show();

break;}

case 1: {relativeLayout.setBackgroundResource(R.color.yellowColor);

break;}

Toast.makeText(context, R.string.green, Toast.LENGTH_LONG).show();

break;}

}

}

AlertDialog alert = builder.create();

alert.show();

}

}

Скріншоти працюючого застосування

Рисунок 4.3 - Додаток "Dialog", запущений на емуляторі

Рисунок 4.4 - Діалогове вікно

Рисунок 4.5 - Вибраний зелений фон

Рисунок 4.6 - Додаток "Dialog", запущений на пристрої

1. Створіть проект TabsAndSwipe. Зверніть увагу: щоб використати стандартний шаблон активності Fixed Tabs Swipe, вам необхідно при створенні проекту вказати Minimum Required SDK не менше, ніж API11, оскільки у більше ранніх версіях цей шаблон не підтримується.

Рисунок 4.7 - Створення додатка TabsAndSwipe

Далі у вікні Blank Activity вибираємо в графу Navigation Type.

Рисунок 4.8 - Вибір шаблону Navigation Type

3. Запустіть додаток, щоб переконатися, що все компілюється правильно.

4. Створіть три копії файлу fragment _ main _ dummy.xml. Назвіть їх відповідно first _ tab, second _ tab і third _ tab. Присвойте елементу TextView в кожному файлі унікальний id. Можете помістити на екрани які-набудь елементи, наприклад картинки або написи.

5. Тепер переходимо до файлу MainActivity.java. Нас цікавить клас

6. Поміняйте в них наступні рядки

TextView dummyTextView = (TextView) rootView.findViewById (R.id.section _ label);

7. Поміняйте рядки-назви секцій у файлі strings.xml.

// getItem is called to instantiate the fragment for the given page.

// Return a DummySectionFragment (defined as a static inner class

// below) with the page number as its lone argument.

Fragment fragment=null;

Bundle args;

switch (position) {

case 0:

args = new Bundle();

args.putInt(FirstFragment.ARG_SECTION_NUMBER, position 1);

fragment.setArguments(args);

break;

case 1:

args = new Bundle();

args.putInt(SecondFragment.ARG_SECTION_NUMBER, position 1);

fragment.setArguments(args);

break;

case 2:

args = new Bundle();

args.putInt(ThirdFragment.ARG_SECTION_NUMBER, position 1);

fragment.setArguments(args);

break;

}

return fragment;

9. Додаток готовий, можна запускати.

Рисунок 4.9 - Додаток TabsAndSwipe, запущений на пристрої

Подумайте над власним застосуванням, що поєднує різні можливості проектування багатовіконних застосувань, розглянуті вище. Створіть прототип цього застосування і настройте його призначений для користувача інтерфейс.

Розробити прості застосування для демонстрації розпізнавання стандартних жестів.

Роботу із стандартними жестами Android надає клас GestureDetector. Цей клас містить двох вкладених інтерфейс-слухачів: OnGestureListener і OnDoubleTapListener, ці інтерфейси задають методи, що відстежують стандартні жести. А також GestureDetector містить вкладений клас SimpleOnGestureListener, який містить порожні реалізації, що повертають значення false, де це необхідно, усіх методів інтерфейсів : OnGestureListener і OnDoubleTapListener.

У лабораторній роботі розглянемо дві можливості розпізнавання жестів :

- випадок розпізнавання усіх підтримуваних жестів, для цього реалізуємо в класі активності обидва інтерфейси;

- випадок розпізнавання тільки деякого набору підтримуваних жестів, для цього в класі активності оголосимо внутрішній клас-спадкоємець класу GestureDetector.SimpleOnGestureListener.
5.2 Розпізнавання усіх підтримуваних жестів

Розробимо додаток, в якому продемонструємо розпізнавання усіх підтримуваних жестів. Додаток містить одну активність, одно інформаційне поле для висновку інформації про розпізнаний жест. Додаток працює таким чином: користувач виконує один з підтримуваних сенсорних жестів, в інформаційному полі відображається інформація про розпізнаний жест.

1. Створимо просте застосування і додамо на форму TextView для виведення інформації.

2. Настроїмо логіку додатка. У java-клас, що відповідає активності внесемо наступні доповнення:

o Клас активності повинен реалізовувати інтерфейси: GestureDetector.OnGestureListener і GestureDetector.OnDoubleTapListener, для цього в оголошення класу додамо конструкцію:

implements GestureDetector.

GestureDetector.OnDoubleTapListener

o Нам знадобиться екземпляр класу GestureDetectorCompat тому в якості поля класу активності оголосимо наступну змінну:

GestureDetectorCompat mDetector;

У методі onCreate () класу активності, створимо екземпляр класу GestureDetectorCompat і присвоїмо його змінній mDetector :

mDetector = new GestureDetectorCompat (this, this);

одним з параметрів конструктора є клас, який реалізує інтерфейс GestureDetector.OnGestureListener, в нашому випадку використано слово this, тобто, параметром є сам клас активності. Цей інтерфейс повідомляє користувачів коли з'являється певна сенсорна подія.

У методі OnCreate () класу активності, наступний рядок:

mDetector.setOnDoubleTapListener (this);

встановлює слухач подій, пов'язаних з подвійним торканням, це має бути клас, що реалізовує інтерфейс GestureDetector.OnDoubleTapListener. У нашому випадку використано слово this, тобто слухачем буде знову сам клас активності.

1. Щоб дозволити вашому об'єкту GestureDetector отримувати події, необхідно перевизначити метод onTouchEvent () для активності або елементу GUI. І передавати в екземпляр детектора усі виявлені події.

2.

3. public boolean onTouchEvent (MotionEvent event){

5. // Be sure to call the superclass implementation

6. return super.onTouchEvent (event);

7. }

Методи інтерфейсу GestureDetector.OnGestureListener:

Методи інтерфейсу GestureDetector.OnDoubleTapListener:

У лістингу 10.1 представлений код додатка, в якому розпізнаються усі підтримувані жести, інформація про жест, що з'явився і розпізнаному, видається в інформаційне поле (TextView).

В якості практики пропонується відтворити це застосування і перевірити, як система розпізнає той або інший жест. Дуже корисно для розуміння, як виконуються основні жести.
5.3 Розпізнавання тільки частини підтримуваних жестів

Розробимо додаток, в якому продемонструємо розпізнавання тільки деякої частини підтримуваних жестів по вибору програміста. Ми розглянемо розпізнавання жесту змахування (fling). Додаток містить одну активність, одно інформаційне поле для висновку інформації про розпізнаний жест. Додаток працює таким чином: користувач виконує один з підтримуваних сенсорних жестів, в інформаційному полі відображається інформація про розпізнаний жест.

1. Створимо просте застосування і додамо на форму TextView для виведення інформації.

2. Настроїмо логіку додатка. У java-клас, що відповідає активності внесемо наступні доповнення.

Нам знадобиться екземпляр класу GestureDetectorCompat тому в якості поля класу активності оголосимо наступну змінну:

GestureDetectorCompat mDetector;

У методі onCreate () класу активності, створимо екземпляр класу GestureDetectorCompat і присвоїмо його змінній mDetector :

mDetector=new GestureDetectorCompat (this, new MyGestListener());

у конструкторі аргументом, що відповідає за відстежування сенсорних подій, служить екземпляр класу MyGestListener () - внутрішній клас, який є спадкоємцем класу GestureDetector.SimpleOnGestureListener.

Має сенс трохи розглянути клас GestureDetector.SimpleOnGestureListener. Цей клас реалізує інтерфейси GestureDetector.OnGestureListener і GestureDetector.OnDoubleTapListener, усі методи заявлені в інтерфейсах в цьому класі мають порожню реалізацію і ті, які повинні повертати значення, повертають false. Тому для розпізнавання якоїсь події або деякої підмножини подій досить написати реалізацію відповідних методів, в класі спадкоємцеві.

У лістингу 10.2 представлений код додатка, в якому розпізнається тільки жест змахування, тобто реалізований метод onFling (), інформація про жест, що з'явився і розпізнаному, видається в інформаційне поле (TextView). Як слухач використовується екземпляр класу MyGestListener (), що є спадкоємцем класу GestureDetector.SimpleOnGestureListener.

Отримати більше інформації про розпізнавання жестів можна по посиланню: http://developer.android.com/training/gestures/index.html

import android.os.Bundle;

import android.app.Activity;

import android.support.v4.view.GestureDetectorCompat;

import android.view.*;

import android.widget.*;

public class MainActivity extends Activity

implements GestureDetector.OnGestureListener

GestureDetector.OnDoubleTapListener

{

TextView tvOutput;

@Override

protected void onCreate (Bundle savedInstanceState) {

super.onCreate (savedInstanceState);

setContentView (R.layout.activity _ main);

tvOutput = (TextView) findViewById (R.id.textView1);

mDetector = new GestureDetectorCompat (this, this);

mDetector.setOnDoubleTapListener (this);

}

public boolean onTouchEvent (MotionEvent event){

// Be sure to call the superclass implementation

return super.onTouchEvent (event);

}

@Override

tvOutput.setText ("onDown: " event.toString());

return false;

}

@Override

float velocityX, float velocityY){

tvOutput.setText ("onFling: " event1.toString () event2.toString());

return true;

}

@Override

tvOutput.setText ("onLongPress: " event.toString());

}

@Override

float distanceY){

tvOutput.setText ("onScroll: " e1.toString () e2.toString());

return true;

}

@Override

tvOutput.setText ("onShowPress: " event.toString());

}

@Override

tvOutput.setText ("onSingleTapUp: " event.toString());

return true;

}

@Override

tvOutput.setText ("onDoubleTap: " event.toString());

return true;

}

@Override

tvOutput.setText ("onDoubleTapEvent: " event.toString());

return true;

}

@Override

tvOutput.setText ("onSingleTapConfirmed: " event.toString());

return true;

}

}

package com.example.lab5 1 gestsubset;

import android.os.Bundle;

import android.app.Activity;

import android.support.v4.view.*;

import android.view.*;

import android.widget.*;

public class SubsetGestActivity extends Activity {

private GestureDetectorCompat mDetector;

private TextView tvOut;

@Override

protected void onCreate (Bundle savedInstanceState) {

super.onCreate (savedInstanceState);

setContentView (R.layout.activity _ subset _ gest);

mDetector = new GestureDetectorCompat (this, new MyGestListener());

tvOut = (TextView) findViewById (R.id.textView1);

}

@Override

this.mDetector.onTouchEvent (event);

return super.onTouchEvent (event);

}

class MyGestListener extends GestureDetector.SimpleOnGestureListener {

public boolean onFling (MotionEvent event1, MotionEvent event2

float velocityX, float velocityY){

tvOut.setText ("onFling: " event1.toString () event2.toString());

return true;

}

}

Лістинг 10.2. Розпізнавання жестів з використанням класу GestureDetector.SimpleOnGestureListener.

Лабораторна робота 6
Принципи роботи c жестами користувачами, що вводяться