07. Menu and Dialog Box. DKU-MUST Mobile ICT Education Center

Transcription

1 07. Menu and Dialog Box DKU-MUST Mobile ICT Education Center

2 Goal Learn how to create and use the Menu. Learn how to use Toast. Learn how to use the dialog box. Page 2

3 1. Menu Menu Overview Menu provides a way -> User select one of several Option Menu, Context Menu How to use the menu To generate an XML file -> Calling from Java Without XML file -> Only the Java code, create a menu Page 3

4 1. Menu Options menu using XML The Options menu appears by pressing the "MENU" button on the keypad. Setting sequence of the option menu 1 Create a menu folder, XML file creation and editing 2 Java Coding : oncreateoptionmenu() Method overriding Menu Coding Register menu file 3 Java Coding : onoptionsitemselected() Method overriding Content coding to work when you select the menu Menu XML file format Item1 ID Item1 title Item2 ID Item2 title Page 4

5 1. Menu Options menu using XML oncreateoptionmenu() method default format Menu XML ID onoptionsitemselected( ) method default format Item1 ID; The code to be executed when you select item 1 Item2 ID; The code to be executed when you select item 2 Page 5

6 1. Menu Options menu using XML [Practice 7-1] Creating an App Change background color (1/8) Practice Making a simple menu option When you click the Option Menu, change the background color of the layout Learn how to create a sub menu Project Info. Project Name : Project7_1 Package Name : com.cookandroid.project7_1 Build SDK : Goolge API 15 or 16 Minimum Required SDK : API 15 or 16 Activity Name : Project7_1Activity Title : Project7_1 Page 6

7 1. Menu Options menu using XML [Practice 7-1] Creating an App Change background color (2/8) Design the Screen Id name id baselayout in the main LinearLayout Create the TextView 1, Button 1. Button id is button1. Page 7

8 1. Menu Options menu using XML [Practice 7-1] Creating an App Change background color (3/8) Add a menu XML [menu] folder add a menu1.xml file Page 8

9 1. Menu Options menu using XML [Practice 7-1] Creating an App Change background color (4/8) Menu XML Coding Page 9

10 1. Menu Options menu using XML [Practice 7-1] Creating an App Change background color (5/8) Java coding 1 Declaration global variable 2(Layout of main.xml, Button) Assignment widget variable in the oncreate() method of Main Function Page 10

11 1. Menu Options menu using XML [Practice 7-1] Creating an App Change background color (6/8) oncreateoptionsmenu() override Page 11

12 1. Menu Options menu using XML [Practice 7-1] Creating an App Change background color (7/8) Java coding 2 Page 12

13 1. Menu Options menu using XML [Practice 7-1] Creating an App Change background color (8/8) Java coding 3 After the autoconplete the onoptionsitemselected(), Coding Page 13

14 1. Menu Options menu using XML [Self Test 7-1] Change the [Practice 7-1] Using the RelativeLayout, Arrangement the TextView, EditText, ImageView Input the angle in the EditText. When you select image rotation in the option menu, rotate the ImageView Create the Radio button(3 item-anyitem) When you choice the radiobutton, change the ImageView Page 14

15 1. Menu Options menu using only Java code Options menu using only Java code Add a menu item to the direct Menu.add() method Page 15

16 1. Menu Context Menu using XML Overview the ContextMenu The context menu appears when you long click the widget The only one available option menu, But the possible use of multiple context menu. Because the context menu can be registered for each widget menu. Appears in the center of the screen, similar to the Windows pop-up. Setting sequence Context Menu 1 Create a menu folder, Menu XML file of the Widget creation and editing 2 Java Coding : Regestered in the oncreate() to registerforcontextmenu() Menu Coding Register widget for using menu 3 Java Coding : oncreatecontextmenu() Method overriding Register the menu file Page 16 4 Java Coding : oncontextitemselected() Method overriding Content coding to work when you select the menu

17 1. Menu Context Menu using XML Context Menu XML file The menu XML file, create a separate XML file for each widget context menu appears. Menu XML syntax is the same as the options menu. Basic format Page 17

18 1. Menu Context Menu using XML [Practice 7-2] App to change the background color and the button changes (1/6) Make the Context Menu. -> similar to the practice 7-1 When you long click the Change the background color, show the three context menu for change the background color When you long click the Change the button, show the two context menu for change the button size and rotate the button Project Info Project Name : Project7_2 Package Name : com.cookandroid.project7_2 build SDK : Goolge API 15 or 16 Minimum Required SDK : API 15 or 16 Activity Name : Project7_2Activity Layout Name : main Title : Project7_2 Page 18

19 1. Menu Context Menu using XML [Practice 7-2] App to change the background color and the button changes (2/6) Design the Screen Create the two Button. Button id is button1, button2 Page 19

20 1. Menu Context Menu using XML [Practice 7-2] App to change the background color and the button changes (3/6) Add the menu XML Add the menu1.xml, menu2.xml file in the [menu] folder Page 20

21 1. Menu Context Menu using XML [Practice 7-2] App to change the background color and the button changes (4/6) Java coding 1 Page 21

22 1. Menu Context Menu using XML [Practice 7-2] App to change the background color and the button changes (5/6) Java coding 2 oncreatecontextmenu(), Auto overriding. And coding the inside Inflate menu XML files differently depending on whether the widget. Page 22

23 1. Menu Context Menu using XML [Practice 7-2] App to change the background color and the button changes (6/6) Java coding 3 Coding oncontextitemselected() method to work actually completed in the same way Method very similar to the Practice 7-1 -> onoptionsitemselected( ) Page 23

24 1. Menu Context Menu using XML [Self Test 7-2] Java code written only practice 7-2 Page 24

25 2. Toast Overview the Toast Convenient when you give a little message to the user should be aware. Suitable programmers to use for debugging purposes. Basic format Changing the location of Toast Page 25

26 2. Toast Example of Toast Page 26

27 3. DialogBox AlertDialog Overview 1 Create a Dialog Box Create the Method : AlertDialog.Builder 2 Set according to the purpose settitle() Setting the Title setmessage() Enter the message seticon() Setting the Icon setpositivebutton() <ok> button setnegativebutton() <cancel> button setitem() print the list setsinglechoiceitems output the radiobutton list setmultichoiceitems output the checkbox list 3 Dialog box, the screen output Show() Page 27

28 3. DialogBox AlertDialog Dialog Box Example 1 : without Button Page 28

29 3. DialogBox AlertDialog Dialog Box Example 2 : one Button and click -> operating code Page 29

30 3. DialogBox AlertDialog Sample List dialog box 1 : basic list dialog box Page 30

31 3. DialogBox AlertDialog Sample List dialog box 2 : RadioButton List dialog Box Page 31

32 3. DialogBox AlertDialog Sample List dialog box 3 : checkbox Page 32

33 3. DialogBox [Practice 7-3] Creating a user information input App(1/9) Make the App Toast into the image and color Dialog box that accepts user information. Project Info Project Name : Project7_3 Package Naem : com.cookandroid.project7_3 build SDK : Goolge API 15 or 16 Minimum Required SDK : API 15 or 16 Activity Name : Project7_3Activity Layout Name : main Page 33 Title: Project7_3

34 3. DialogBox [Practice 7-3] Creating a user information input App(2/9) Design the Screen Create the 2 TextView, 1 Button Widget id is tvname, tv , button1. Page 34

35 3. DialogBox [Practice 7-3] Creating a user information input App(3/9) Adding a dialog box for the layout XML (1/2) Add [Android XML Layout File] in the [layout] folder : File name is dialog1.xml Page 35

36 3. DialogBox [Practice 7-3] Creating a user information input App(4/9) Adding a dialog box for the layout XML (2/2) Generated in order : TextView, EditText, TestView, EditText Widget id is dlgedt1, dlgedt2(only EditText) Page 36

37 3. DialogBox [Practice 7-3] Creating a user information input App(5/9) Add XML for Toast : File Name is toast1.xml Generated in order : ImageView, TextView, ImageView TextView id is toasttext1 Layout Back ground color is red Page 37

38 3. DialogBox [Practice 7-3] Creating a user information input App(6/9) Java coding 1 Page 38

39 3. DialogBox [Practice 7-3] Creating a user information input App(7/9) Java coding 2 When you click the button1 variable, write the Listener Make the dialog box in the onclick() method, add button(confirm, cancle Run at the click of a button, the input to null. Page 39

40 3. DialogBox [Practice 7-3] Creating a user information input App(8/9) Java coding 3 Page 40

41 3. DialogBox [Practice 7-3] Creating a user information input App(9/9) Java coding 4 Page 41

42 DKU-MUST Mobile ICT Education Center