android 行布局选择器,『自定义View实战』—— 银行种类选择器
在工作中難免遇到自定義 View 的相關(guān)需求,本身這方面比較薄弱,因此做個(gè)記錄,也是自己學(xué)習(xí)和成長(zhǎng)的積累。自定義View實(shí)戰(zhàn)
前言
年前的最后一個(gè)開(kāi)發(fā)需求,將之前H5開(kāi)卡界面轉(zhuǎn)變成native。意思就是開(kāi)卡這個(gè)需求做成Android原生的界面,就這單單一個(gè)界面需要請(qǐng)求 8 個(gè)接口!可想邏輯是有多復(fù)雜,其中中間有個(gè)小需求-「選擇銀行卡」。來(lái)看一下UI出圖。
設(shè)計(jì)圖
大致就是點(diǎn)擊「銀行」彈出popupWindow,在里面嵌套一個(gè)銀行選擇器。這個(gè)「銀行選擇器」可以滾動(dòng)類似IOS那邊的UIPickerView,或者安卓的日期選擇器,但是為了完成特殊的定制效果,所以咱們得自己寫一個(gè)。BankPickerView
看一下效果圖:
BankPickerView.gif
實(shí)現(xiàn)
思路其實(shí)也很簡(jiǎn)單。
滾動(dòng)
ScrollView、ListView和RecyclerView都可以實(shí)現(xiàn)滾動(dòng),這自然不用說(shuō),首尾都有offset個(gè)位置是留占坑,可以添加空數(shù)據(jù)作為占坑的顯示。
回彈
那就在手指松開(kāi)的時(shí)候,拿到滑動(dòng)的距離,通過(guò)一系列的邏輯處理,回彈到最近的Item處即可。
回調(diào)
在滑動(dòng)停止的時(shí)候,通過(guò)計(jì)算獲取當(dāng)前所處的item的位置,通過(guò)listener回調(diào)給調(diào)用者。
因?yàn)闀r(shí)間有限,所以沒(méi)對(duì)其進(jìn)行封裝,如果想使用請(qǐng)自行下載,通過(guò)修改源碼滿足特定的需求。
至于彈出的效果,用的是popupWindow,其中遇到了一下坑,在這里記錄并分享一下。
背景透明
popupWindow不像dialog本身是沒(méi)有背景透明的效果的,需要自己實(shí)現(xiàn)。主要就是兩種實(shí)現(xiàn)方式。
xmlns:skin="http://schemas.android.com/android/skin"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#7D000000"
skin:enable="true">
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#fff"
android:layout_alignParentBottom="true"
android:orientation="vertical">
一種就是直接在pooupWidnow展示的布局強(qiáng)行假如半透明的背景。
第二種獲取WindowManager修改當(dāng)前窗口的透明值。
點(diǎn)擊返回關(guān)閉 popupWindow
首先如果想實(shí)現(xiàn)點(diǎn)擊返回讓popupWindow消失,就得實(shí)現(xiàn)View.OnKeyListener接口,并且在回調(diào)中,讓其消失。
@Override
public boolean onKey(View v, int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK) {
dismiss();
return true;
}
return false;
}
但是你會(huì)發(fā)現(xiàn)并沒(méi)有生效,那是因?yàn)楫?dāng)前沒(méi)有獲取到焦點(diǎn),需要設(shè)置setFocusable(true)即可。
總結(jié)
以上是生活随笔為你收集整理的android 行布局选择器,『自定义View实战』—— 银行种类选择器的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 中文新闻分类 数据集_三亚试点用大数据推
- 下一篇: android 过滤emoji表情符号,