Ćwiczenie 7 - Robert Arsoba
Transkrypt
Ćwiczenie 7 - Robert Arsoba
Programowanie urządzeń mobilnych w systemie Android dr inż. Robert Arsoba Ćwiczenie 7 Wykorzystanie układu LinearLayout Cel ćwiczenia Celem ćwiczenia jest praktyczne zapoznanie się z zasadami użycia układu graficznego LinearLayout oraz wykształcenie umiejętności zastosowania tego układu do tworzenia interfejsu użytkownika. Zakres ćwiczenia obejmuje definiowanie układu LinearLayout i umieszczanie w nim kontrolek dziedziczących po klasie View (m.in. TextView, EditText, Button, CheckBox, RadioGroup, RadioButton, DatePicker, TimePicker, Toast). Przygotowanie się do ćwiczenia Zapoznać się z wykładem „Interfejs użytkownika – układy”. Zapoznać się z hierarchią klas układów graficznych. Przestudiować opis dotyczący układu LinearLayout. Powtórzyć wiadomości dotyczące kontrolek wykorzystywanych na dotychczasowych ćwiczeniach. Na podstawie dokumentacji Android SDK: http://developer.android.com/reference/packages.html zapoznać się w podstawowym zakresie z klasami LinearLayout, DatePicker, TimePicker. Zapoznać się z przykładową aplikacją zamieszczoną w opisie ćwiczenia. Przeanalizować kod źródłowy aplikacji. Zadania do wykonania 1. Uruchomić przykładową aplikację zamieszczoną w opisie ćwiczenia i przetestować jej działanie. 2. Zmodyfikować przykładową aplikację omawianą w ćwiczeniu w taki sposób, aby data urodzenia wprowadzana była w polach EditText. Dodać więcej pól wyboru CheckBox dla zainteresowań ankietowanego. Zastosować zagnieżdżone układy LinearLayout w taki sposób, aby optymalnie wykorzystać obszar ekranu. 3. Napisać aplikację, która umożliwia wprowadzenie daty kalendarzowej jako danej wejściowej (DatePicker). Aplikacja powinna wyświetlić na ekranie zestaw pól wyboru (CheckBox) i na podstawie wprowadzonej przez użytkownika daty powinna określić (w zależności od ustawień pól wyboru): porę roku, znak zodiaku osoby urodzonej danego dnia. Do wyświetlania wyników wykorzystać obiekty klasy TextView. Zastosować zagnieżdżone układy LinearLayout. Materiały przygotowano w ramach projektu „Inżynier pilnie poszukiwany” Strona 1 Programowanie urządzeń mobilnych w systemie Android dr inż. Robert Arsoba Przykładowa aplikacja – plik Projekt4Activity.java package org.przyklad; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.CheckBox; import android.widget.DatePicker; import android.widget.EditText; import android.widget.RadioButton; import android.widget.Toast; public class Projekt4Activity extends Activity implements OnClickListener { private RadioButton rb1, rb2; private EditText et1, et2; private DatePicker dp; private CheckBox chk1, chk2, chk3; private Button btn1, btn2; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); rb1 = (RadioButton) this.findViewById(R.id.radio0); rb2 = (RadioButton) this.findViewById(R.id.radio1); rb1.setOnClickListener(this); rb2.setOnClickListener(this); et1 = (EditText) this.findViewById(R.id.editText1); et2 = (EditText) this.findViewById(R.id.editText2); dp = (DatePicker) this.findViewById(R.id.datePicker1); chk1 = (CheckBox) this.findViewById(R.id.checkBox1); chk2 = (CheckBox) this.findViewById(R.id.checkBox2); chk3 = (CheckBox) this.findViewById(R.id.checkBox3); chk1.setOnClickListener(this); chk2.setOnClickListener(this); chk3.setOnClickListener(this); btn1 = (Button) this.findViewById(R.id.button1); btn2 = (Button) this.findViewById(R.id.button2); btn1.setOnClickListener(this); btn2.setOnClickListener(this); } public void onClick(View v) { switch (v.getId()) { case R.id.button1: wczytaj(); break; case R.id.button2: this.finish(); break; } } Materiały przygotowano w ramach projektu „Inżynier pilnie poszukiwany” Strona 2 Programowanie urządzeń mobilnych w systemie Android dr inż. Robert Arsoba private void wczytaj() { CharSequence imie = (CharSequence) et1.getText(); CharSequence nazwisko = (CharSequence) et2.getText(); int r = dp.getYear(); int m = dp.getMonth()+1; // miesiące liczone od 0 int d = dp.getDayOfMonth(); String s = (rb1.isChecked() ? "Pan " : "Pani ") + imie.toString() + ' ' + nazwisko.toString(); s = s + "\nurodz. " + r + '-' + m + '-' + d + "\nzainteresowania: "; if (chk1.isChecked()) s = s + chk1.getText().toString() + ", "; if (chk2.isChecked()) s = s + " " + chk2.getText().toString() + ", "; if (chk3.isChecked()) s = s + chk3.getText().toString(); Toast toast = Toast.makeText(Projekt4Activity.this, s, Toast.LENGTH_LONG); toast.show(); } } Przykładowa aplikacja – plik main.xml Zwrócić uwagę na sposób definiowania układu LinearLayout. <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <RadioGroup android:id="@+id/radioGroup1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" > <RadioButton android:id="@+id/radio0" android:layout_width="wrap_content" android:layout_height="wrap_content" android:checked="true" android:text="@string/rb1tekst" /> <RadioButton android:id="@+id/radio1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/rb2tekst" /> </RadioGroup> <LinearLayout android:id="@+id/linearLayout1" android:layout_width="fill_parent" android:layout_height="wrap_content" > <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/tv1tekst" /> <EditText android:id="@+id/editText1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:inputType="textPersonName" > </EditText> </LinearLayout> Materiały przygotowano w ramach projektu „Inżynier pilnie poszukiwany” Strona 3 Programowanie urządzeń mobilnych w systemie Android dr inż. Robert Arsoba <LinearLayout android:id="@+id/linearLayout2" android:layout_width="fill_parent" android:layout_height="wrap_content" > <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/tv2tekst" /> <EditText android:id="@+id/editText2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:inputType="textPersonName" /> </LinearLayout> <TextView android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:text="@string/tv3tekst" /> <DatePicker android:id="@+id/datePicker1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" /> <CheckBox android:id="@+id/checkBox1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/chk1tekst" /> <CheckBox android:id="@+id/checkBox2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="@string/chk2tekst" /> <CheckBox android:id="@+id/checkBox3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/chk3tekst" /> <LinearLayout android:id="@+id/linearLayout3" android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="@string/btn1tekst" /> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" android:text="@string/btn2tekst" /> </LinearLayout> </LinearLayout> Materiały przygotowano w ramach projektu „Inżynier pilnie poszukiwany” Strona 4 Programowanie urządzeń mobilnych w systemie Android dr inż. Robert Arsoba Wygląd interfejsu użytkownika zdefiniowanego w pliku main.xml Przykładowa aplikacja – plik strings.xml <?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">Ankieta osobowa</string> <string name="tv1tekst">Imię:</string> <string name="tv2tekst">Nazwisko: </string> <string name="tv3tekst">Data urodzenia:</string> <string name="tv4tekst">Zainteresowania:</string> <string name="rb1tekst">mężczyzna</string> <string name="rb2tekst">kobieta</string> <string name="btn1tekst">Wczytaj</string> <string name="btn2tekst">Zakończ</string> <string name="chk1tekst">film</string> <string name="chk2tekst">literatura</string> <string name="chk3tekst">muzyka</string> </resources> Materiały przygotowano w ramach projektu „Inżynier pilnie poszukiwany” Strona 5