美文网首页
玩转自定义dialog

玩转自定义dialog

作者: alialiali | 来源:发表于2017-05-02 21:13 被阅读0次

分析:
《1》加载根布局 onCreate中setContentView
《2》使用接口回调dialog和activity的传值,当点击确定的时候,回调;
当点击取消的时候,只关闭就好
//dialog的背景选择器
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<corners android:radius="10dp"/>
<solid android:color="@android:color/white"/>
</shape>
//RadioButton的选择器
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true" android:drawable="@drawable/bg_1"/>
<item android:state_checked="false" android:drawable="@drawable/bg_2"/>
</selector>
//自定义dialog的布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:background="@drawable/bg_selector"
android:paddingBottom="20dp"
android:orientation="vertical">
<TextView
android:id="@+id/tv_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:gravity="center"
android:textColor="@color/text_dark"
android:text="请选择被保人类型"
android:textSize="15dp"/>
<RadioGroup
android:layout_marginTop="20dp"
android:id="@+id/radio_group"
android:layout_width="match_parent"
android:orientation="vertical"
android:padding="10dp"
android:layout_height="wrap_content">
<RadioButton
android:id="@+id/rb_company"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="left"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:text="被保人为公司"
android:button="@null"
android:drawableRight="@drawable/shop_seleted"/>
<RadioButton
android:id="@+id/rb_personal"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:layout_marginTop="20dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="left"
android:text="被保人为个人"
android:button="@null"
android:drawableRight="@drawable/shop_seleted"/>
</RadioGroup>
<View
android:layout_marginTop="20dp"
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="@color/gray"/>
<LinearLayout
android:layout_marginTop="10dp"
android:gravity="center_vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/tv_cancel"
android:gravity="center"
android:text="取消"
android:layout_weight="1"
android:textSize="18dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/tv_confirm"
android:gravity="center"
android:text="确定"
android:textSize="18dp"
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
</LinearLayout>
//自定义dialog
public class CustomDialog extends AlertDialog{
TextView tvConfirm; //确认按钮
TextView tvCancel; //取消按钮
RadioGroup radioGroup;
CharSequence text;
private LayoutInflater mLayoutInflater;
public CustomDialog(Context context) {
super(context);
}
public CustomDialog(Context context, int themeResId) {
super(context, themeResId);
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mLayoutInflater = LayoutInflater.from(getContext());
init(getContext());
//初始化监听
initListener();
}
private void initListener() {
//设置确定按钮被点击后,向外界提供监听
tvConfirm.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (onConfirmListener != null) {
onConfirmListener.onConfirmClick();
if (mDialogCallBackListener != null){
//===========最重要的回调===============
mDialogCallBackListener.callBack(text);
}
}
}
});
//设置取消按钮被点击后,向外界提供监听
tvCancel.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (onCancelListener != null) {
onCancelListener.onCancelClick();
}
}
});

    radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(RadioGroup group, @IdRes int checkedId) {
            //获取变更后的选中项的id
            int checkedRadioButtonId = group.getCheckedRadioButtonId();
            //根据id获取RadioButton的实例
            RadioButton rb = (RadioButton) findViewById(checkedRadioButtonId);
            //获取文本
            text = rb.getText();
        }
    });
}

private void init(Context context) {
    setCancelable(true); //设置不可取消,点击其他区域不能取消,
    setCanceledOnTouchOutside(false);
   //===========加载根布局============
    View contentView = mLayoutInflater.inflate(R.layout.custom_dialog,null);
    setContentView(contentView);
    WindowManager.LayoutParams params = getWindow().getAttributes();
    params.width = WindowManager.LayoutParams.MATCH_PARENT;
    params.height = WindowManager.LayoutParams.WRAP_CONTENT;
    getWindow().setAttributes(params);
    //初始化view
    radioGroup = (RadioGroup) contentView.findViewById(R.id.radio_group);
    tvCancel = (TextView) contentView.findViewById(R.id.tv_cancel);
    tvConfirm = (TextView) contentView.findViewById(R.id.tv_confirm);
}
private ConfirmListener onConfirmListener;//确定按钮被点击了的监听器
private CancelListener onCancelListener;//取消按钮被点击了的监听器
/**
 * 设置确定按钮和取消被点击的接口
 */
public interface ConfirmListener {
    void onConfirmClick();
}
public interface CancelListener {
    void onCancelClick();
}
/**
 * 设置取消按钮的显示内容和监听
 * @param onCancelListener
 */
public void setCancelListener(CancelListener onCancelListener) {
    this.onCancelListener = onCancelListener;
}
/**
 * 设置确定按钮的显示内容和监听
 * @param onConfirmListener
 */
public void setConfirmListener(ConfirmListener onConfirmListener) {
    this.onConfirmListener = onConfirmListener;
}
public interface DialogCallBackListener{//通过该接口回调Dialog需要传递的值
    void callBack(CharSequence text);//具体方法
}
//设置RradioGroup的回调
private DialogCallBackListener mDialogCallBackListener;
/**
 * 设置RradioGroup的回调
 * @param mDialogCallBackListener
 */
public void setDialogCallBackListener(DialogCallBackListener mDialogCallBackListener) {
    this.mDialogCallBackListener = mDialogCallBackListener;
}

}
//显示dialog
//activity的布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.example.lenvo.testdemo.SecondActivity">
<Button
android:id="@+id/show_dialog"
android:text="弹出dialog"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/textview"
android:text="输入内容"
android:textSize="20dp"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
</LinearLayout>

public class SecondActivity extends AppCompatActivity {
CustomDialog customDialog;
TextView textView;
Button button;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_second);
button = (Button) findViewById(R.id.show_dialog);
textView = (TextView) findViewById(R.id.textview);
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
show();
}
});
}
private void show() {
customDialog = new CustomDialog(SecondActivity.this);
customDialog.setConfirmListener(new CustomDialog.ConfirmListener() {
@Override
public void onConfirmClick() {
Toast.makeText(SecondActivity.this, "确定", Toast.LENGTH_SHORT).show();
customDialog.dismiss();

        }
    });
    customDialog.setCancelListener(new CustomDialog.CancelListener() {
        @Override
        public void onCancelClick() {
            Toast.makeText(SecondActivity.this, "取消", Toast.LENGTH_SHORT).show();
            customDialog.dismiss();
        }
    });
    customDialog.setDialogCallBackListener(new CustomDialog.DialogCallBackListener() {
        @Override
        public void callBack(CharSequence text) {
            textView.setText(text);
            Log.e("文本",text.toString());
        }
    });
    customDialog.show();
}

}

链接参考:
Android自定义View(一)实现文字验证码
http://blog.csdn.net/xuyonghong1122/article/details/51288795
自定义Dialog(二)之Dialog与Activity传值
http://blog.csdn.net/xuyonghong1122/article/details/51074474
Android控件系列之RadioButton&RadioGroup
http://www.cnblogs.com/wt616/archive/2011/06/20/2085531.html
自定义Dialog的详细步骤(实现自定义样式一般原理)
http://blog.csdn.net/oqihaogongyuan/article/details/50958659

相关文章

  • Dialog

    安卓dialog的使用+如何自定义dialog自定义Dialog自定义Dialog 自定义

  • 玩转自定义dialog

    分析:《1》加载根布局 onCreate中setContentView《2》使用接口回调dialog和activi...

  • 自定义Dialog

    自定义Dialog的主题 自定义Dialog的布局文件 继承Dialog 并在onCreate方法中将布局设置给D...

  • 实现图片Dialog中带ViewPager

    效果图 实现思路 自定义Dialog,为Dialog添加自定义布局,自定义PagerAdapter以及PageTr...

  • 【Android】自定义全屏dialog

    一、在themes.xml中添加自定义dialog的样式 二、创建dialog基类 三、创建自定义dialog的布...

  • Android圆角对话框Dialog

    需求:模仿iOS样式Dialog对话框。 自定义Dialog 核心代码: Dialog样式: Dialog布局文件...

  • Android自定义Dialog及其点击事件

    在项目开发中,经常要用到dialog。但是系统的dialog太丑,所有我们要自定义dialog。下面的先介绍自定义...

  • 一个漂亮的自定义Dialog

    这是一个自定义的dialog项目 自定义的dialog,具有如下特点 圆角的dialog View 圆形图片的ti...

  • Flutter Dialog 动画

    本文对 Dialog 做一次系统性学习记录,包括系统 Dialog,自定义 Dialog,Dialog 动画。 A...

  • 自定义Dialog

    仿IOS自定义的Dialog: 1、Util帮助类创建dialog 2、布局文件 :loading_dialog....

网友评论

      本文标题:玩转自定义dialog

      本文链接:https://www.haomeiwen.com/subject/njehtxtx.html