Android uses custom AlertDialog (exit prompt box)

Sometimes we need to use a prompt box (AlertDialog) that matches our style in a game or application)

The following is my summary in developing a small game. I hope it will be useful to you.

First:

The following figure shows the background image or button image used.

After searching for materials and referring to the example below, it is very easy to achieve this effect. It is to set the contentView of alertDialog. The following code is written in Activity, and the code is as follows:

1. Public boolean onKeyDown (int keyCode, KeyEvent event ){
2. // If the return key is used, it is directly returned to the desktop.
3. If (keyCode = KeyEvent. KEYCODE_BACK | keyCode = KeyEvent. KEYCODE_HOME ){
4. ShowExitGameAlert ();
5. }
7. Return super. onKeyDown (keyCode, event );
8. }
9. Private void showExitGameAlert (){
10. Final AlertDialog dlg = new AlertDialog. Builder (this). create ();
11. Dlg. show ();
12. Window window = dlg. getWindow ();
13. // *** This effect is implemented here.
14. // Set the content page of the window. The view content is defined in the shrew_exit_dialog.xml file.
15. Window. setContentView (R. layout. shrew_exit_dialog );
16. // Add an event for the confirm button and exit the application
17. ImageButton OK = (ImageButton) window. findViewById (R. id. btn_ OK );
18. OK. setOnClickListener (new View. OnClickListener (){
19. Public void onClick (View v ){
20. ExitApp (); // exit the application...
21. }
22. });
24. // Close the alert dialog framework
25. ImageButton cancel = (ImageButton) window. findViewById (R. id. btn_cancel );
26. Cancel. setOnClickListener (new View. OnClickListener (){
27. Public void onClick (View v ){
28. Dlg. cancel ();
29. }
30. });
31. }

Copy code

The layout file defines the background and buttons in the dialog box. Click the event to add it to the Activity.
The file name is:Shrew_exit_dialog.xml

1. <? Xml version = "1.0" encoding = "UTF-8"?>
2. <RelativeLayout
3. Xmlns: android = "http://schemas.android.com/apk/res/android"
4. Android: layout_height = "wrap_content"
5. Android: layout_width = "wrap_content">
7. <! -- Background image for exiting the game -->
8. <ImageView android: id = "@ + id/exitGameBackground"
9. Android: layout_centerInParent = "true"
10. Android: layout_height = "wrap_content"
11. Android: layout_width = "wrap_content"
12. Android: src = "@ drawable/bg_exit_game"/>
14. <! -- Confirm button -->
15. <ImageButton android: layout_alignBottom = "@ + id/exitGameBackground"
16. Android: layout_alignLeft = "@ + id/exitGameBackground"
17. Android: layout_marginBottom = "30dp"
18. Android: layout_marginLeft = "35dp"
19. Android: id = "@ + id/btn_ OK"
20. Android: layout_height = "wrap_content"
21. Android: layout_width = "wrap_content"
22. Android: background = "@ drawable/btn_ OK"/>
24. <! -- Cancel button -->
25. <ImageButton android: layout_alignBottom = "@ + id/exitGameBackground"
26. Android: layout_alignRight = "@ + id/exitGameBackground"
27. Android: layout_marginBottom = "30dp"
28. Android: layout_marginRight = "35dp"
29. Android: id = "@ + id/btn_cancel"
30. Android: layout_height = "wrap_content"
31. Android: layout_width = "wrap_content"
32. Android: background = "@ drawable/btn_cancel"/>
33. </RelativeLayout>

Copy code

After completing the preceding steps, you can customize AlertDialog and use the same idea to implement other more complex effects.