Android User Interfaces. Hsiao-Lung Chan, Ph.D. Dept Electrical Engineering Chang Gung University, Taiwan

Transcription

1 Android User Interfaces Hsiao-Lung Chan, Ph.D. Dept Electrical Engineering Chang Gung University, Taiwan

2 Basic control components Text components TextView EditText Button compoents Button ImageButton ToggleButton Selection components CheckBox RadioGroup & RadioButton ImageView Android 2

3 Exercise 1: Using checkbox Android 3

4 Exercise 1 (cont.) Android 4

5 Exercise 2: Using radio buttons Android 5

6 Exercise 2 (cont.) Android 6

7 Exercise 2 (cont.) Android 7

8 Exercise 3: Change screen orientation Android 8

9 Exercise 3 (cont.) public class Testf1Activity extends Activity implements OnCheckedChangeListener{ private ToggleButton public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.main); toggle = (ToggleButton) findviewbyid(r.id.togglebtn); toggle.setoncheckedchangelistener(this); // 實作介面方法 public void oncheckedchanged(compoundbutton buttonview, boolean ischecked) { if (ischecked) else setrequestedorientation(activityinfo.screen_orientation_landscape); setrequestedorientation(activityinfo.screen_orientation_portrait); ; Android 9

10 Exercise 4: radiogroup & imageview Android 10

11 public class Testf3Activity extends Activity { private ImageView image; private RadioGroup radiogroup; private RadioButton public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.main); radiogroup = (RadioGroup) findviewbyid(r.id.rdgimage); rdb01 = (RadioButton) findviewbyid(r.id.rdbrabbit); image = (ImageView) findviewbyid(r.id.image); radiogroup.setoncheckedchangelistener(listener); private RadioGroup.OnCheckedChangeListener listener = new RadioGroup.OnCheckedChangeListener() { public void oncheckedchanged(radiogroup group, int checkedid) { ; if (checkedid == rdb01.getid()) image.setimageresource(r.drawable.rabbit); else image.setimageresource(r.drawable.mouse); Android 11

12 Exercise 5: Dialogue Android 12

13 Exercise 5 (cont.) public class Testf4Activity extends Activity public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.main); public void button1_click(view view) { AlertDialog.Builder builder = new AlertDialog.Builder(this); builder.settitle( 關於 ); builder.setmessage( 版本 : 1.0 版 \n 作者 : 陳會安 ); builder.setpositivebutton(" 確定 ", new DialogInterface.OnClickListener() { public void onclick(dialoginterface dialoginterface, int i) { ); builder.show(); // 顯示對話方塊 Android 13

14 Android 14

15 Exercise 6: Dialogue & Calendar Android 15

16 public class Testf9Activity extends Activity { static final int DATE_DIALOG_ID = 0; static final int TIME_DIALOG_ID = 1; Calendar dt = public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.main); Android 16

17 protected Dialog oncreatedialog(int id) { switch (id) { case DATE_DIALOG_ID: // 傳回 DatePickerDialog 對話方塊 DatePickerDialog ddialog = new DatePickerDialog(this, new DatePickerDialog.OnDateSetListener() { public void ondateset(datepicker view, int year, int monthofyear, int dayofmonth) { TextView output = (TextView) findviewbyid(r.id.lbloutput); output.settext(integer.tostring(year) + "/" + Integer.toString(monthOfYear+1) + "/" + Integer.toString(dayOfMonth));, dt.get(calendar.year), dt.get(calendar.month), dt.get(calendar.day_of_month)); return ddialog; Android 17

18 case TIME_DIALOG_ID: // 傳回 TimePickerDialog 對話方塊 TimePickerDialog tdialog = new TimePickerDialog(this, new TimePickerDialog.OnTimeSetListener() public void ontimeset(timepicker view, int hourofday, int minute) { TextView output = (TextView) findviewbyid(r.id.lbloutput); output.settext(integer.tostring(hourofday) + ":" + Integer.toString(minute));, dt.get(calendar.hour),dt.get(calendar.minute),true); return tdialog; return null; public void button1_click(view view) { showdialog(date_dialog_id); // 顯示對話方塊 public void button2_click(view view) { showdialog(time_dialog_id); // 顯示對話方塊 Android 18

19 public void button1_click(view view) { showdialog(date_dialog_id); // 顯示對話方塊 public void button2_click(view view) { showdialog(time_dialog_id); // 顯示對話方塊 Android 19