Rx
本文的合集已經(jīng)編著成書脂男，高級Android開發(fā)強(qiáng)化實(shí)戰(zhàn)裂明，歡迎各位讀友的建議和指導(dǎo)亿蒸。在京東即可購買：https://item.jd.com/12385680.html
Android
RxBinding是Rx中處理控件異步調(diào)用的方式, 也是由Square公司開發(fā), Jake負(fù)責(zé)編寫. 通過綁定組件, 異步獲取事件, 并進(jìn)行處理. 編碼風(fēng)格非常優(yōu)雅. 讓我來講解一下如何使用, 本文含有代碼示例.
本文代碼的Github下載地址, 關(guān)注RxBinding部分, 其余參考.
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控件, 對比傳統(tǒng)方法和RxBinding方法.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="@dimen/activity_margin"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context=".BindingActivity"
tools:showIn="@layout/activity_binding">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/usual_approach"/>
<EditText
android:id="@+id/rxbinding_et_usual_approach"
android:layout_width="match_parent"
android:layout_height="48dp"
android:hint="@null"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/reactive_approach"/>
<EditText
android:id="@+id/rxbinding_et_reactive_approach"
android:layout_width="match_parent"
android:layout_height="48dp"
android:hint="@null"/>
<TextView
android:id="@+id/rxbinding_tv_show"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</LinearLayout>
使用include子布局, 使頁面結(jié)構(gòu)清晰.
3. 邏輯
使用ButterKnife注入控件, 使用RxBinding方式綁定控件, 異步監(jiān)聽事件.
/**
* 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);
}
// 點(diǎn)擊Toolbar的項(xiàng)
private void onToolbarItemClicked(MenuItem menuItem) {
String m = "點(diǎn)擊\"" + menuItem.getTitle() + "\"";
Toast.makeText(this, m, Toast.LENGTH_SHORT).show();
}
// 瀏覽點(diǎn)擊
private void onToolbarNavigationClicked(Void v) {
Toast.makeText(this, "瀏覽點(diǎn)擊", 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);
}
// 點(diǎn)擊Fab按鈕
private void onFabClicked(Void v) {
Snackbar snackbar = Snackbar.make(findViewById(android.R.id.content), "點(diǎn)擊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監(jiān)聽點(diǎn)擊事件; Snackbar使用RxSnackbar監(jiān)聽;
EditText使用RxTextView監(jiān)聽; 其余使用RxView監(jiān)聽.
動畫
Rx響應(yīng)式編程是處理異步回調(diào)的一種優(yōu)雅方式, 每一個最求完美的程序員都應(yīng)該學(xué)會.
OK, that's all! Enjoy it!
