Android使用自定义AlertDialog(退出提示框)

有时候我们需要在游戏或应用中用一些符合我们样式的提示框(AlertDialog)

以下是我在开发一个小游戏中总结出来的.希望对大家有用.

先上效果图:

下面是用到的背景图或按钮的图片

经过查找资料和参考了一下例子后才知道,要实现这种效果很简单.就是在设置alertDialog的contentView.以下的代码是写在Activity下的,代码如下:

1. public boolean onKeyDown(int keyCode, KeyEvent event) {
   
2. // 如果是返回键,直接返回到桌面
   
3. if(keyCode == KeyEvent.KEYCODE_BACK || keyCode == KeyEvent.KEYCODE_HOME){
   
4. showExitGameAlert();
   
5. }
   
6. 
   
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. // *** 主要就是在这里实现这种效果的.
    
14. // 设置窗口的内容页面,shrew_exit_dialog.xml文件中定义view内容
    
15. window.setContentView(R.layout.shrew_exit_dialog);
    
16. // 为确认按钮添加事件,执行退出应用操作
    
17. ImageButton ok = (ImageButton) window.findViewById(R.id.btn_ok);
    
18. ok.setOnClickListener(new View.OnClickListener() {
    
19. public void onClick(View v) {
    
20. exitApp(); // 退出应用...
    
21. }
    
22. });
    
23. 
    
24. // 关闭alert对话框架
    
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. }

复制代码

以下的是layout文件,定义了对话框中的背景与按钮.点击事件在Activity中添加.
文件名为 : 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">
   
6. 
   
7. <!-- 退出游戏的背景图 -->
   
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" />
    
13. 
    
14. <!-- 确认按钮 -->
    
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" />
    
23. 
    
24. <!-- 取消按钮 -->
    
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>

复制代码

就这样经过了以上几步,就可以实现自定义AlertDialog的效果了. 用同样的思路可以实现其它更复杂的效果.