AndroidIOS風格底部選擇器(支持時間,日期,自定義)

上週項目比較忙,所以沒更今天給大家帶來一組選擇器的福利。

本文Github代碼鏈接
https://github.com/AndroidMsky/AndoirdIOSPicker
轉載請註明出處:
http://blog.csdn.net/AndroidMsky/article/details/53302959

先上圖吧:

這裏寫圖片描述

這是筆者最近一個項目一直再用的一個選擇器庫,自己也在其中做了修改,並決定持續維護下去。

先看使用方法:

日期選擇:

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();
    }

解釋幾個方法:
1.setMinYear(1900)
設置最小
2.setMaxYear(2050)
設置最大年
3.setSelectYear
設置當前年份

時間選擇:

 private void showTimePick() {

        if (timeDialog == null) {

            TimePickerDialog.Builder builder = new TimePickerDialog.Builder(this);
            timeDialog = builder.setOnTimeSelectedListener(new TimePickerDialog.OnTimeSelectedListener() {
                @Override
                public void onTimeSelected(int[] times) {

                    mTextView.setText(times[0] + ":" + times[1]);

                }
            }).create();
        }

        timeDialog.show();

    }

比較簡單就不解釋了

自定義選擇:
先搞一個list

 private List<String> list = new ArrayList<>();

然後調用時候傳入這個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();
    }

接下來我們就那timepick開刀簡單分析下其中的原理,也方便我們做自定義的擴展。
首先打開TimePickerDialog可見繼承自Dialog對自定義Dialog還不熟悉的可以看:
安卓下Builder模式解析+自定義Dialog實戰演練
http://blog.csdn.net/androidmsky/article/details/52982815

public class TimePickerDialog extends Dialog

肯定這中Dialog都會使用Builder模式,接下來看裏面的字段

 private static final class Params {
        private boolean shadow = true;
        private boolean canCancel = true;
        private LoopView loopHour, loopMin;
        private OnTimeSelectedListener callback;
    }

看到主力軍是兩個LoopView來表示小時和分鐘,接下來我們就要看LoopView這類了,進去會發現比較龐大有一臉的參數。不用怕,我們直接來到它的兩個最關鍵的方法,

 protected void onDraw(Canvas canvas) 

可以看到就是在把文字畫出來也不要怕反反覆覆就那麼幾個方法:

核心就是它
canvas.drawText(as[j1], startX, h, paintB);

在幾種情況下調用它,肯定就是12345個位置數字不同的樣式

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();

下一個關鍵方法就是:

public boolean onTouchEvent(MotionEvent motionevent)

通過手指的移動改變繪製的偏移值:

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;

大概就是這種姿勢去看開源自定義view了。
該項目原地址:
https://github.com/brucetoo/PickView

歡迎關注作者。歡迎評論討論。歡迎拍磚。 如果覺得這篇文章對你有幫助,歡迎打賞, 歡迎star,Fork我的github。 喜歡作者的也可以Follow。也算對作者的一種支持。
本文Github代碼鏈接 https://github.com/AndroidMsky/AndoirdIOSPicker

歡迎加作者自營安卓開發交流羣:308372687

這裏寫圖片描述

博主原創未經允許不得轉載,轉載必究。

—————————————————————————————
作者推薦:
安卓自定義view滾動數據顯示
http://blog.csdn.net/androidmsky/article/details/53009886
RecyclerView下拉刷新分頁加載性能優化和Gilde配合加載三部曲
http://blog.csdn.net/androidmsky/article/details/53115818
打造企業級網絡請求框架集合retrofit+gson+mvp
http://blog.csdn.net/androidmsky/article/details/52882722
安卓手機自動接起QQ視頻秒變攝像頭
http://blog.csdn.net/androidmsky/article/details/53066441 —————————————————————————————

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章