Android開(kāi)發(fā)中實(shí)現(xiàn)IOS風(fēng)格底部選擇器(支持時(shí)間 日期 自定義)
本文Github代碼鏈接
https://github.com/AndroidMsky/AndoirdIOSPicker
先上圖吧:
這是筆者最近一個(gè)項(xiàng)目一直再用的一個(gè)選擇器庫(kù),自己也在其中做了修改,并決定持續(xù)維護(hù)下去。
先看使用方法:
日期選擇:
private void showDateDialog(List<Integer> date) { DatePickerDialog.Builder builder = new DatePickerDialog.Builder(this); builder.setOnDateSelectedListener(new DatePickerDialog.OnDateSelectedListener() { @Override public void onDateSelected(int[] dates) { mTextView.setText(dates[0] + "-" + (dates[1] > 9 ? dates[1] : ("0" + dates[1])) + "-" + (dates[2] > 9 ? dates[2] : ("0" + dates[2]))); } @Override public void onCancel() { } }) .setMinYear(1900) .setMaxYear(2050) .setSelectYear(date.get(0) - 1) .setSelectMonth(date.get(1) - 1) .setSelectDay(date.get(2) - 1); builder.setMaxYear(DateUtil.getYear()); builder.setMaxMonth(DateUtil.getDateForString(DateUtil.getToday()).get(1)); builder.setMaxDay(DateUtil.getDateForString(DateUtil.getToday()).get(2)); dateDialog = builder.create(); dateDialog.show(); }
比較簡(jiǎn)單就不解釋了
自定義選擇:
先搞一個(gè)list
private List<String> list = new ArrayList<>();
然后調(diào)用時(shí)候傳入這個(gè)list就可以了
/** * chooseDialog */ private void showChooseDialog(List<String> mlist) { DataPickerDialog.Builder builder = new DataPickerDialog.Builder(this); chooseDialog = builder.setData(mlist).setSelection(1).setTitle("取消") .setOnDataSelectedListener(new DataPickerDialog.OnDataSelectedListener() { @Override public void onDataSelected(String itemValue, int position) { mTextView.setText(itemValue); } @Override public void onCancel() { } }).create(); chooseDialog.show(); }
接下來(lái)我們就那timepick開(kāi)刀簡(jiǎn)單分析下其中的原理,也方便我們做自定義的擴(kuò)展。
首先打開(kāi)TimePickerDialog可見(jiàn)繼承自Dialog對(duì)自定義Dialog還不熟悉的可以看:
安卓下Builder模式解析+自定義Dialog實(shí)戰(zhàn)演練
http://blog.csdn.net/androidmsky/article/details/52982815
public class TimePickerDialog extends Dialog
肯定這中Dialog都會(huì)使用Builder模式,接下來(lái)看里面的字段
private static final class Params { private boolean shadow = true; private boolean canCancel = true; private LoopView loopHour, loopMin; private OnTimeSelectedListener callback; }
看到主力軍是兩個(gè)LoopView來(lái)表示小時(shí)和分鐘,接下來(lái)我們就要看LoopView這類了,進(jìn)去會(huì)發(fā)現(xiàn)比較龐大有一臉的參數(shù)。不用怕,我們直接來(lái)到它的兩個(gè)最關(guān)鍵的方法,
protected void onDraw(Canvas canvas)
可以看到就是在把文字畫(huà)出來(lái)也不要怕反反復(fù)復(fù)就那么幾個(gè)方法:
核心就是它 canvas.drawText(as[j1], startX, h, paintB);
在幾種情況下調(diào)用它,肯定就是12345個(gè)位置數(shù)字不同的樣式
if (i2 <= n && h + i2 >= n) { canvas.save(); canvas.clipRect(0, 0, v, n - i2); canvas.drawText(as[j1], startX, h, paintA); canvas.restore(); canvas.save(); canvas.clipRect(0, n - i2, v, (int) ((float) h * l)); canvas.drawText(as[j1], startX, h, paintB); canvas.restore(); } else if (i2 <= o && h + i2 >= o) { canvas.save(); canvas.clipRect(0, 0, v, o - i2); canvas.drawText(as[j1], startX, h, paintB); canvas.restore(); canvas.save(); canvas.clipRect(0, o - i2, v, (int) ((float) h * l)); canvas.drawText(as[j1], startX, h, paintA); canvas.restore(); } else if (i2 >= n && h + i2 <= o) { canvas.clipRect(0, 0, v, (int) ((float) h * l)); canvas.drawText(as[j1], startX, h, paintB); mSelectItem = arrayList.indexOf(as[j1]); } else { canvas.clipRect(0, 0, v, (int) ((float) h * l)); canvas.drawText(as[j1], startX, h, paintA); } canvas.restore();
下一個(gè)關(guān)鍵方法就是:
public boolean onTouchEvent(MotionEvent motionevent)
通過(guò)手指的移動(dòng)改變繪制的偏移值:
case MotionEvent.ACTION_MOVE: y = motionevent.getRawY(); z = x - y; x = y; totalScrollY = (int) ((float) totalScrollY + z); if (!isLoop) { if (totalScrollY > (int) ((float) (-positon) * (l * (float) h))) { break; /* Loop/switch isn't completed */ } totalScrollY = (int) ((float) (-positon) * (l * (float) h)); } break;
大概就是這種姿勢(shì)去看開(kāi)源自定義view了。
以上所述是小編給大家介紹的Android開(kāi)發(fā)中實(shí)現(xiàn)IOS風(fēng)格底部選擇器(支持時(shí)間 日期 自定義),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- Android自定義DataTimePicker實(shí)例代碼(日期選擇器)
- Android中的TimePickerView(時(shí)間選擇器)的用法詳解
- Android?studio實(shí)現(xiàn)日期?、時(shí)間選擇器與進(jìn)度條
- Android仿IOS10圓盤時(shí)間選擇器
- Android仿iPhone日期時(shí)間選擇器詳解
- Android日期和時(shí)間選擇器實(shí)現(xiàn)代碼
- Android Studio時(shí)間選擇器的創(chuàng)建方法
- Android自定義View仿IOS圓盤時(shí)間選擇器
- Android時(shí)間選擇器、日期選擇器實(shí)現(xiàn)代碼
- Android自定義DataTimePicker日期時(shí)間選擇器使用詳解
相關(guān)文章
Android自定義控件RatingBar調(diào)整字體大小
這篇文章主要為大家詳細(xì)介紹了Android自定義控件RatingBar調(diào)整字體大小的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03Android自定義View 實(shí)現(xiàn)水波紋動(dòng)畫(huà)引導(dǎo)效果
在android程序開(kāi)發(fā)中,我們經(jīng)常簡(jiǎn)單通過(guò)自定義view實(shí)現(xiàn)水波紋動(dòng)畫(huà)引導(dǎo)功能,下面通過(guò)本文給大家分享實(shí)現(xiàn)代碼,需要的朋友參考下2017-01-01Adnroid 自定義ProgressDialog加載中(加載圈)
這篇文章主要介紹了Adnroid 自定義ProgressDialog加載中(加載圈),需要的朋友可以參考下2017-06-06Flutter實(shí)現(xiàn)App功能引導(dǎo)頁(yè)
這篇文章主要為大家詳細(xì)介紹了Flutter實(shí)現(xiàn)App功能引導(dǎo)頁(yè),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07Android中使用socket使底層和framework通信的實(shí)現(xiàn)方法
native和framework的通信是通過(guò)jni,但是這一般只是framework調(diào)用native,native如果有消息要怎樣通知上層 呢?android中GSP模塊提供一種解決思路,但是實(shí)現(xiàn)有些復(fù)雜,這里介紹一種使用socket通信的方法可以使native和framework自由通信,感興趣的朋友一起看看吧2016-11-11Android仿知乎日?qǐng)?bào)開(kāi)屏頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了Android仿知乎日?qǐng)?bào)開(kāi)屏頁(yè)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06Android可簽到日歷控件的實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Android可簽到日歷控件的實(shí)現(xiàn)方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-05-05Android模糊處理簡(jiǎn)單實(shí)現(xiàn)毛玻璃效果
這篇文章主要介紹了Android模糊處理簡(jiǎn)單實(shí)現(xiàn)毛玻璃效果的相關(guān)資料,需要的朋友可以參考下2016-02-02