RxDialog(二) -- 一个基于RxJava的Dialog

效果图

Rxdialog.gif
请先看 RxDialog(一) -- 一个基于RxJava的Dialog

本文在上一篇文章的基础上增加了在使用setView(iew)设置Diaolog的View时，将View上控件的点击事件转化成Rxjava的形式。

先看下RxDialog的创建形式：

new MyRxDialog(MainActivity.this)
        .setTitle("title")
        .setMessage("Message")
        .setView(R.layout.layout_dialog_view)
        .clickView(R.id.text)
        .setPositiveText("确定")
        .setNegativeText("取消")
        .setNeutralText("中立")
        .dialogToObservable()
        //.dialogToFlowable()
        .subscribe(new Consumer<Integer>() {
            @Override
            public void accept(Integer integer) throws Exception {
                switch (integer){
                    case MyRxDialog.POSITIVE:
                        Toast.makeText(MainActivity.this, "Positive", Toast.LENGTH_SHORT).show();
                        break;
                    case MyRxDialog.NEGATIVE:
                        Toast.makeText(MainActivity.this, "Negative", Toast.LENGTH_SHORT).show();
                        break;
                    case MyRxDialog.NEUTRAL:
                        Toast.makeText(MainActivity.this, "Neutral", Toast.LENGTH_SHORT).show();
                        break;
                    case R.id.text:
                        Toast.makeText(MainActivity.this, "点击了TextView", Toast.LENGTH_SHORT).show();
                        break;
                    default:
                        Log.e("MyRxDialog", integer+"");
                        break;
                }
            }
        });

具体实现

看上面setView(R.layout.layout_dialog_view)，我们先创建一个布局layout_dialog_view.xml,

<?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="match_parent">

    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="我是TextView，点击我"
        android:gravity="center"/>

</LinearLayout>

RxDialog的setView的实现

    private View view;//全局变量

    public MyRxDialog setView(int layoutResId) {
        View view = LayoutInflater.from(context).inflate(layoutResId, null, false);
        return setView(view);
    }

    public MyRxDialog setView(View view) {
        builder.setView(view);
        this.view = view;
        return this;
    }

layout_dialog_view.xml里有一个id为R.id.text的TextVieW,通过clickView(R.id.text)来为其添加点击事件。

    //用于存储要添加点击事件的View的id
    private List<Integer> idList = new ArrayList<>();

    public MyRxDialog clickView(int viewId){
        idList.add(viewId);
        return this;
    }

接下来给idList里的View添加点击事件,并转化成Rxjava的形式。

    public Observable dialogToObservable(){
        return Observable.create(new ObservableOnSubscribe<Integer>() {
            @Override
            public void subscribe(@NonNull final ObservableEmitter<Integer> e) throws Exception {

                View.OnClickListener mviewListener = new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        e.onNext(v.getId());
                    }
                };
                if(view!=null){
                   for(int id : idList){
                       view.findViewById(id).setOnClickListener(mviewListener);
                   }
                }
                builder.show();
            }
        });
    }

上面是创建Observable的方式，创建Flowable的方式如下。

    public Flowable dialogToFlowable(){
        return Flowable.create(new FlowableOnSubscribe() {
            @Override
            public void subscribe(@NonNull final FlowableEmitter e) throws Exception {
                
                View.OnClickListener mviewListener = new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        e.onNext(v.getId());
                    }
                };
                if(view!=null){
                    for(int id : idList){
                        view.findViewById(id).setOnClickListener(mviewListener);
                    }
                }
                builder.show();
            }
        }, BackpressureStrategy.BUFFER);
    }

到这里，我们就可以通过RxDialog的setView(view)/setView(layoutResId)指定布局，clickView(viewId)添加点击事件了。
具体实现请看 源码

欢迎关注.jpg