Android之Dialog

2025-02-14 技术教程

一： UI设计
1 ， Dialog（对话框）
1-1 ：新建 dialog_bay.xml , 方法 : 右击“layout” -> new -> XML -> Layout XML File , 如下图

1-2 ： ui当中的重要的控件
①，（RadioGroup）rg_type : 单选按钮组
①-1 ：（RadioButton）rb_zfb : 支付宝
①-2 ：（RadioButton）rb_wx : 微信
②，（Button）btn_ok : 确定按钮
1-3 ：界面布局如下：

2，activity_main.xml(主界面UI)设计 2-1 ： ui当中的重要的控件 ① ， (Button) btn_pay : 确定支付 2-2 ：界面如下：

2-3 ：注意，为简化起见，没有放商品图片。这里重点讲解对话框

二：代码设计
①，DialogPay.java

package com.example.kayer.dialogdemo;import android.app.DialogFragment;import android.graphics.Color;import android.graphics.drawable.ColorDrawable;import android.os.Bundle;import android.support.annotation.Nullable;import android.util.Log;import android.view.Gravity;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.view.Window;import android.view.WindowManager;import android.widget.Button;import android.widget.RadioGroup;public final class DialogPay extends DialogFragment { private final String TAG = "测试Pay"; private View _contentView = null; private OnDialogPayListener _listener = null; public interface OnDialogPayListener{ void onDialogPayReturn( String $option ); } public void setOnDialogPayListener( OnDialogPayListener $listener ){ this._listener = $listener; } @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) { //创建View this._contentView = inflater.inflate( R.layout.dialog_pay , container); //点击按钮关闭对话框 Button $button = (Button)this._contentView.findViewById(R.id.btn_ok); $button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //关闭 DialogPay.this.dismiss(); //返回数据 DialogPay.this.returnInfos(); } }); return this._contentView; } public void returnInfos(){ RadioGroup $rg = (RadioGroup)this._contentView.findViewById(R.id.rg_type); int $rb_id = $rg.getCheckedRadioButtonId(); String $option = $rb_id == R.id.rb_zfb ? "支付宝" : "微信"; Log.d(this.TAG , "对话框选择的支付方式： " + $option ); if(null != this._listener){ this._listener.onDialogPayReturn( $option ); } } @Override public void onStart() { super.onStart(); //当对话框显示时，调整对话框的窗口位置 Window $win = getDialog().getWindow(); if( null != $win ){ $win.setBackgroundDrawable( new ColorDrawable(Color.WHITE)); //设置对话框的窗口显示 WindowManager.LayoutParams $lp = $win.getAttributes(); $lp.dimAmount = 0.3f;//背景灰度 $lp.gravity = Gravity.BOTTOM;//靠下显示 $lp.width = ViewGroup.LayoutParams.MATCH_PARENT; $lp.height = ViewGroup.LayoutParams.WRAP_CONTENT; $win.setAttributes($lp); } }}

注意： DialogFragment 是出自 android.app.Dialogfragment 包
定义了一个类似与一个监听器

② ，MainActivity.java

package com.example.kayer.dialogdemo;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.widget.Button;import android.widget.Toast;public class MainActivity extends AppCompatActivity { private Button btn_pay = null; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); this.init(); } private void init(){ this.btn_pay = (Button)findViewById(R.id.btn_pay); this.btn_pay.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { DialogPay $dl = new DialogPay(); $dl.setOnDialogPayListener(new DialogPay.OnDialogPayListener() { @Override public void onDialogPayReturn(String $option) { //处理对话框返回来的数据 Toast.makeText(MainActivity.this, "对话框返回的数据：" + $option, Toast.LENGTH_SHORT).show(); } }); $dl.show(getFragmentManager(),"DialogPay"); } }); }}

注意，为对话框注册监听器