Android学习笔记 十六 使用RxBinding响应控件的异步事件

原创 2016年10月02日 09:08:26

RxBinding是Rx中处理控件异步调用的方式, 也是由Square公司开发, Jake负责编写. 通过绑定组件, 异步获取事件, 并进行处理. 编码风格非常优雅. 让我来讲解一下如何使用, 本文含有代码示例.

1. 依赖

除了RxJava, 再添加RxBinding的依赖.

// RxBinding
    compile 'com.jakewharton.rxbinding:rxbinding:0.3.0'
    compile 'com.jakewharton.rxbinding:rxbinding-appcompat-v7:0.3.0'
    compile 'com.jakewharton.rxbinding:rxbinding-design:0.3.0'

2. 页面布局

Toolbar和Fab, 两个较新的控件.

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    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:fitsSystemWindows="true"
    android:orientation="vertical"
    tools:context=".BindingActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/rxbinding_t_toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:popupTheme="@style/AppTheme.PopupOverlay"
            tools:targetApi="21"/>

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_rxbinding"/>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/rxbinding_fab_fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:src="@android:drawable/ic_dialog_email"/>

</android.support.design.widget.CoordinatorLayout>

两个EditText控件, 对比传统方法和RxBinding方法.

/**
 * Rx绑定
 * <p>
 * Created by wangchenlong on 16/1/25.
 */
public class BindingActivity extends AppCompatActivity {

    @Bind(R.id.rxbinding_t_toolbar) Toolbar mTToolbar;
    @Bind(R.id.rxbinding_et_usual_approach) EditText mEtUsualApproach;
    @Bind(R.id.rxbinding_et_reactive_approach) EditText mEtReactiveApproach;
    @Bind(R.id.rxbinding_tv_show) TextView mTvShow;
    @Bind(R.id.rxbinding_fab_fab) FloatingActionButton mFabFab;

    @Override protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_binding);
        ButterKnife.bind(this);

        initToolbar(); // 初始化Toolbar
        initFabButton(); // 初始化Fab按钮
        initEditText(); // 初始化编辑文本
    }

    // 初始化Toolbar
    private void initToolbar() {
        // 添加菜单按钮
        setSupportActionBar(mTToolbar);
        ActionBar actionBar = getSupportActionBar();
        // 添加浏览按钮
        if (actionBar != null) {
            actionBar.setDisplayHomeAsUpEnabled(true);
        }

        RxToolbar.itemClicks(mTToolbar).subscribe(this::onToolbarItemClicked);

        RxToolbar.navigationClicks(mTToolbar).subscribe(this::onToolbarNavigationClicked);
    }

    // 点击Toolbar的项
    private void onToolbarItemClicked(MenuItem menuItem) {
        String m = "点击\"" + menuItem.getTitle() + "\"";
        Toast.makeText(this, m, Toast.LENGTH_SHORT).show();
    }

    // 浏览点击
    private void onToolbarNavigationClicked(Void v) {
        Toast.makeText(this, "浏览点击", Toast.LENGTH_SHORT).show();
    }

    @Override public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_rxbinding, menu);
        return super.onCreateOptionsMenu(menu);
    }

    // 初始化Fab按钮
    private void initFabButton() {
        RxView.clicks(mFabFab).subscribe(this::onFabClicked);
    }

    // 点击Fab按钮
    private void onFabClicked(Void v) {
        Snackbar snackbar = Snackbar.make(findViewById(android.R.id.content), "点击Snackbar", Snackbar.LENGTH_SHORT);
        snackbar.show();
        RxSnackbar.dismisses(snackbar).subscribe(this::onSnackbarDismissed);
    }

    // 销毁Snackbar, event参考{Snackbar}
    private void onSnackbarDismissed(int event) {
        String text = "Snackbar消失代码:" + event;
        Toast.makeText(this, text, Toast.LENGTH_SHORT).show();
    }

    // 初始化编辑文本
    private void initEditText() {
        // 正常方式
        mEtUsualApproach.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {

            }

            @Override public void onTextChanged(CharSequence s, int start, int before, int count) {
                mTvShow.setText(s);
            }

            @Override public void afterTextChanged(Editable s) {

            }

        });

        // Rx方式
        RxTextView.textChanges(mEtReactiveApproach).subscribe(mTvShow::setText);
    }
}

Toolbar使用RxToolbar监听点击事件; Snackbar使用RxSnackbar监听;
EditText使用RxTextView监听; 其余使用RxView监听.


动画

Rx响应式编程是处理异步回调的一种优雅方式, 每一个最求完美的程序员都应该学会.




版权声明:本文为博主原创文章,未经博主允许不得转载。

使用RxBinding响应控件的异步事件

RxBinding是Rx中处理控件异步调用的方式, 也是由Square公司开发, Jake负责编写. 通过绑定组件, 异步获取事件, 并进行处理. 编码风格非常优雅. 让我来讲解一下如何使用, 本文含...
  • u013378580
  • u013378580
  • 2016年06月12日 11:46
  • 532

使用RxBinding处理控件异步调用

欢迎Follow我的GitHub, 关注我的CSDN. RxBinding是Rx中处理控件异步调用的方式, 也是由Square公司开发, Jake负责编写. 通过绑定组件, 异步获取事件, 并进行处理...
  • u012515223
  • u012515223
  • 2016年01月25日 16:05
  • 6297

Android 控件中事件响应的三种实现方式

平时做项目或学习中,经常编写控件的响应事件,大致有三种方式来实现,如下:         1.     匿名内部类的形式,据说好像这样写显得编写代码很NB,很多人推荐这种方式,不过我不这么认为,该不...
  • mojieke
  • mojieke
  • 2013年01月23日 15:33
  • 3001

用RxJava和RxBinding发射用户点击

在初步应用RxJava时发现,网上资料中Observable的创建例子主要使用create/just/from,都是将现在已有的数据序列整理为一个发射器,而我们最常见的应用却是现在没有数据序列,等待将...
  • max2005
  • max2005
  • 2017年08月05日 23:15
  • 170

RxBinding的使用,实现数据和View的绑定

rxbinding是一个开源项目,可以实现数据层与View层的绑定,当数据发生变化,View会自动更新UI。还有其他功能非常强大,github地址 https://github.com/ogacle...
  • ForAd
  • ForAd
  • 2015年10月23日 11:26
  • 10415

rxbinding 2.0对多个输入框监听

项目里面刚开始使用RX系列开源库,以及逐步替换网络请求为Retrofit+OKHttp组合,再不换就OUT了,啥也不说了,先导入所有要用的包: //retrofit compile '...
  • haohaoxuexi320
  • haohaoxuexi320
  • 2017年06月30日 11:31
  • 658

RxAnroid之UI控件(View、Widget)RxBinding(同时异步执行多个Observable、同时异步执行多个任务)

RxBinding是Android种UI控件的Api 将RxJava应用于Android的好处就是更方便地组合各种异步操作,将Android中复杂的UI交互简单化,尤其是当触发多重UI事件时。还可以使...
  • nicolelili1
  • nicolelili1
  • 2016年08月16日 18:29
  • 1174

[Android开发] Rxjava2之路: Rxbinding2(支持基于Rxjava2)

一、啥是RxbindingRxBinding 是 Jake Wharton 的一个开源库,它提供了一套在 Android 平台上的基于 RxJava的 Binding API。所谓 Binding,就...
  • niubitianping
  • niubitianping
  • 2017年02月20日 15:51
  • 5567

RxJava 和 RxAndroid 四(RxBinding的使用)

@zhaoyanjun521 2016-05-27 19:42 字数 3634 阅读 120 rxjava rxandroid rxBinding 赵彦军 android 对Rxjava不熟...
  • zyj1609wz
  • zyj1609wz
  • 2016年05月28日 10:47
  • 2261

一些RxBinding使用场景

1.首先RxBinding是对Android View事件的扩展,它使得你可以对View事件使用RxJava的各种操作。2.提供了与RxJava一致的回调,使得代码简洁明了。尤其是页面中充斥着大量的监...
  • qq_17766199
  • qq_17766199
  • 2017年01月21日 15:09
  • 6215
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android学习笔记 十六 使用RxBinding响应控件的异步事件
举报原因:
原因补充:

(最多只允许输入30个字)