Android之Dialog

一： 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");            }        });    }}

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

更多相关文章

随机推荐