Markdown版本筆記 | 我的GitHub首頁 | 我的博客 | 我的微信 | 我的郵箱 |
---|---|---|---|---|
MyAndroidBlogs | baiqiantao | baiqiantao | bqt20094 | baiqiantao@sina.com |
RxJava RxBinding RxView 控件事件 MD
demo地址
GitHub
目錄
簡介
按需添加相應的依賴:
implementation 'com.jakewharton.rxbinding2:rxbinding:2.1.1'
implementation 'com.jakewharton.rxbinding2:rxbinding-support-v4:2.1.1'
implementation 'com.jakewharton.rxbinding2:rxbinding-appcompat-v7:2.1.1'
implementation 'com.jakewharton.rxbinding2:rxbinding-design:2.1.1'
implementation 'com.jakewharton.rxbinding2:rxbinding-recyclerview-v7:2.1.1'
implementation 'com.jakewharton.rxbinding2:rxbinding-leanback-v17:2.1.1'
通過將【-kotlin】附加到依賴項的'artifactId'后,可以獲得所有上述庫的 Kotlin 擴展方法。例如:
implementation 'com.jakewharton.rxbinding2:rxbinding-kotlin:2.1.1'
implementation 'com.jakewharton.rxbinding2:rxbinding-support-v4-kotlin:2.1.1'
特點
- 可以對 View 事件使用 RxJava 的各種操作
- 提供了與 RxJava 一致的回調,使得代碼簡潔明了。尤其是頁面中充斥着大量的監聽事件,各種各樣的匿名內部類時
- 幾乎支持我們常用的所有控件及事件,每個庫還有對應的Kotlin支持庫
使用案例
public class RxBindingActivity extends RxFragmentActivity {
private static final String[] ARRAY = {"包青天", "白乾濤", "baiqiantao", "bqt", "RxBinding", "RxView", "1", "2", "3", "4", "5",};
private ImageView iv1, iv2, iv3, iv4, iv5;
private EditText et1, et2, et3;
private Button btn;
private CheckBox cb;
private ListView listView;
private int type;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_rxbinding);
iv1 = findViewById(R.id.iv1);
iv2 = findViewById(R.id.iv2);
iv3 = findViewById(R.id.iv3);
iv4 = findViewById(R.id.iv4);
iv5 = findViewById(R.id.iv5);
btn = findViewById(R.id.btn);
et1 = findViewById(R.id.et1);
et2 = findViewById(R.id.et2);
et3 = findViewById(R.id.et3);
cb = findViewById(R.id.cb);
listView = findViewById(R.id.lv);
listView.setAdapter(new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, Arrays.asList(ARRAY)));
type = getIntent().getIntExtra("type", 0);
log("type=" + type);
switch (type) {
case 0:
event();
break;
case 1:
accept();
break;
case 2:
usefulDemo();
break;
}
}
@Override
protected void onResume() {
super.onResume();
if (type == 3) {
bufferDemo();
}
}
@SuppressLint("NewApi")
private void event() {
RxView.attaches(iv1).subscribe(o -> log("attach event"));
RxView.attachEvents(iv1).subscribe(viewAttachEvent -> log("attach event"));
RxView.clicks(iv1).subscribe(o -> log("click event")); //setOnClickListener
RxView.detaches(iv1).subscribe(o -> log("detach event"));
RxView.drags(listView).subscribe(dragEvent -> log("drag event:" + dragEvent.getAction())); //setOnDragListener
RxView.draws(listView).subscribe(o -> log("draw event")); // ViewTreeObserver#addOnDrawListener
RxView.focusChanges(iv1).subscribe(hasFocus -> log("focus change event:" + hasFocus)); //setOnFocusChangeListener
RxView.globalLayouts(listView).subscribe(o -> log("global event")); //ViewTreeObserver#addOnGlobalLayoutListener
RxView.hovers(iv1).subscribe(motionEvent -> log("hover event:" + motionEvent.getAction())); //setOnHoverListene,懸停事件
RxView.keys(iv1).subscribe(keyEvent -> log("key event:" + keyEvent.getAction())); //setOnKeyListener
RxView.layoutChanges(listView).subscribe(o -> log("layout event")); //addOnLayoutChangeListener
RxView.layoutChangeEvents(listView).subscribe(viewLayoutChangeEvent -> log("layout event"));//addOnLayoutChangeListener
RxView.longClicks(iv1).subscribe(o -> log("long click event")); //setOnLongClickListener
RxView.scrollChangeEvents(listView).subscribe(viewScrollChangeEvent -> log("scroll event")); //setOnScrollChangeListener
RxView.systemUiVisibilityChanges(listView).subscribe(vii -> log("visible event" + vii)); //setOnSystemUiVisibilityChangeListener
RxView.touches(listView).subscribe(motionEvent -> { //setOnTouchListener
log("touch event:" + motionEvent.getAction());
listView.onTouchEvent(motionEvent);//如果不傳給listView,則listView將不能獲取到Touch事件,那么listView會出現不能滑動等問題
});
RxAdapterView.itemClicks(listView).subscribe(position -> log("item click event:" + position)); //setOnItemClickListener
RxAdapterView.itemClickEvents(listView).subscribe(adapterViewItemClickEvent -> log("item click event")); //點擊
RxAdapterView.itemLongClicks(listView).subscribe(position -> log("item long click event:" + position)); //setOnItemLongClickListener
RxAdapterView.itemLongClickEvents(listView).subscribe(adapterViewItemLongClickEvent -> log("item long click event")); //長點擊
RxAdapterView.itemSelections(listView).subscribe(position -> log("item select event:" + position)); //setOnItemSelectedListener
RxAdapterView.selectionEvents(listView).subscribe(adapterViewSelectionEvent -> log("item select event")); //選擇
RxAdapter.dataChanges(listView.getAdapter()).subscribe(listAdapter -> log("data change event"));//registerDataSetObserver
RxAbsListView.scrollEvents(listView).subscribe(absListViewScrollEvent -> log("scroll event")); //setOnScrollListener
RxViewGroup.changeEvents(listView).subscribe(viewGroupHierarchyChangeEvent -> log("哈"));//setOnHierarchyChangeListener
RxCompoundButton.checkedChanges(cb).subscribe(isChecked -> log("check event:" + isChecked)); //setOnCheckedChangeListener
RxTextView.textChanges(et1).subscribe(cs -> log("text change event:" + cs.toString())); //addTextChangedListener
RxTextView.textChangeEvents(et2).subscribe(textViewTextChangeEvent -> log("text change event")); //addTextChangedListener
RxTextView.afterTextChangeEvents(et3).subscribe(textViewAfterTextChangeEvent -> log("aftet text change event"));
RxTextView.beforeTextChangeEvents(et3).subscribe(textViewBeforeTextChangeEvent -> log("before text change event"));
RxTextView.editorActions(et1).subscribe(actionId -> log("editor event:" + actionId)); //setOnEditorActionListener,需要設置inputType
RxTextView.editorActionEvents(et2).subscribe(textViewEditorActionEvent -> log("editor event")); //點擊軟鍵盤上的回車鍵
}
private void accept() {
try {
RxView.visibility(iv1).accept(false);//view.setVisibility(value ? View.VISIBLE : View.GONE)
RxView.visibility(iv2, View.GONE).accept(true);//view.setVisibility(value ? View.VISIBLE : visibilityWhenFalse)
RxView.visibility(iv3, View.GONE).accept(false);
RxView.visibility(iv4, View.INVISIBLE).accept(false);
RxView.visibility(iv5, View.INVISIBLE).accept(true);
RxAdapterView.selection(listView).accept(1); //view.setSelection(position)
RxCompoundButton.checked(cb).accept(true); //view.setChecked(value)
RxCompoundButton.toggle(cb).accept(null); //view.toggle(),切換狀態
RxTextView.color(et1).accept(Color.RED); //view.setTextColor(color)
RxTextView.textRes(et1).accept(R.string.app_name); //view.setText(int resId)
RxTextView.hintRes(et2).accept(R.string.app_name); //view.setHint(int resId)
RxTextView.errorRes(et3).accept(R.string.app_name); //view.setError(int resId)
RxTextView.text(et1).accept("text"); //view.setText(String text)
RxTextView.hint(et2).accept("hint"); //view.setHint(String text)
RxTextView.error(et3).accept("error"); //view.setError(String text)
} catch (Exception e) {
e.printStackTrace();
}
}
private void usefulDemo() {
RxView.clicks(iv1)
.throttleFirst(2, TimeUnit.SECONDS) //throttleFirst只響應第一次,throttleLast只響應最后一次
.subscribe(o -> log("防抖動"));
RxView.clicks(iv2)
.compose(new RxPermissions(this).ensure(Manifest.permission.CAMERA)) //動態獲取權限
.subscribe(granted -> log(granted ? "已賦予權限" : "已拒絕權限"));
RxTextView.textChanges(et1)
.debounce(500, TimeUnit.MILLISECONDS) //防抖動,控件操作時間間隔,去除發送頻率過快的項
.subscribe(charSequence -> log(charSequence.toString()));
Observable<CharSequence> observable1 = RxTextView.textChanges(et2).skip(1);
Observable<CharSequence> observable2 = RxTextView.textChanges(et3).skip(1);
Observable.combineLatest(observable1, observable2, //合並監聽、表單驗證
(phone, password) -> {
log(phone + "_" + password);
return phone.toString().startsWith("1") && password.toString().endsWith("1");
}).subscribe(isValid -> btn.setEnabled(isValid));
RxView.clicks(btn) //發送驗證碼功能
.doOnNext(o -> btn.setEnabled(false))
.subscribe(o -> Observable.interval(1, TimeUnit.SECONDS, AndroidSchedulers.mainThread())
.take(10)
.compose(bindToLifecycle())
.map(aLong -> 10 - aLong + " 秒后重新獲取")
.subscribe(string -> btn.setText(string),
Throwable::printStackTrace,
() -> {
btn.setEnabled(true);
btn.setText("重新獲取");
}));
}
private void bufferDemo() {
RxView.clicks(iv1)
.buffer(1000, TimeUnit.MILLISECONDS, 5) //效果僅僅是,每隔1秒鍾收集一下此1秒鍾內的點擊次數
.compose(bindUntilEvent(ActivityEvent.STOP))//在 onStop 時取消
.subscribe(list -> Log.i("【bqt】", "iv1一秒鍾內的點擊次數:" + list.size()));
RxView.clicks(iv2)
.map(obj -> 1) //和上面的情況基本一致
.buffer(1000, TimeUnit.MILLISECONDS)
.compose(bindUntilEvent(ActivityEvent.STOP))
.subscribe(list -> Log.i("【bqt】", "iv2一秒鍾內的點擊次數:" + list.size()));
//這種效果可能不是你想要的效果,你想要的效果可能是:在1秒鍾內點擊次數為多少次就是幾次連擊
Observable<Object> observable = RxView.clicks(iv3).share();
observable.buffer(observable.debounce(200, TimeUnit.MILLISECONDS).compose(bindUntilEvent(ActivityEvent.STOP)))
.subscribe(list -> Log.i("【bqt】", "iv3連續點擊次數:" + list.size()));//這里的時間指的是任意兩次點擊最長間隔時間);
}
private void log(String s) {
Log.i("【bqt】", s);
}
}
布局
<?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"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:orientation="horizontal">
<ImageView
android:id="@+id/iv1"
android:layout_width="50dp"
android:layout_height="match_parent"
android:src="@drawable/icon"/>
<ImageView
android:id="@+id/iv2"
android:layout_width="50dp"
android:layout_height="match_parent"
android:layout_marginLeft="20dp"
android:background="#f00"/>
<ImageView
android:id="@+id/iv3"
android:layout_width="50dp"
android:layout_height="match_parent"
android:layout_marginLeft="20dp"
android:background="#0f0"/>
<ImageView
android:id="@+id/iv4"
android:layout_width="50dp"
android:layout_height="match_parent"
android:layout_marginLeft="20dp"
android:background="#00f"/>
<ImageView
android:id="@+id/iv5"
android:layout_width="50dp"
android:layout_height="match_parent"
android:layout_marginLeft="20dp"
android:background="#000"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:orientation="horizontal">
<EditText
android:id="@+id/et1"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:hint="et1"
android:inputType="text"/>
<EditText
android:id="@+id/et2"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:hint="et2"
android:imeOptions="actionDone"
android:inputType="phone"/>
<EditText
android:id="@+id/et3"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:hint="et3"
android:imeOptions="actionSearch"
android:inputType="textPassword"/>
</LinearLayout>
<Button
android:id="@+id/btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="點擊獲取驗證碼"
android:textSize="12sp"/>
<CheckBox
android:id="@+id/cb"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#300f"
android:checked="true"
android:text="已閱讀並同意用戶協議"/>
<ListView
android:id="@+id/lv"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</LinearLayout>
2018-9-15