一 : 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");
}
});
}
}
注意 , 为对话框注册监听器