Android 日期時間選擇器

阿新 • • 發佈：2019-01-04

日期選擇器是很多應用所具備的，比如設定一些任務的開始和結束時間。為了方便使用者的同時也為了介面的好看，很多都是採用日期選擇器，我在網上看了一下。很多的日期選擇器個人感覺不是很好看，但是修改起來也有點麻煩，於是自己就寫了一個demo。至於介面效果個人感覺也是很low，畢竟鄙人不是搞UI的，所以也就湊合著看吧。這些都不重要，因為這些是可以修改的。

如果想實現具有年月日的請看下面的注意裡面的內容，下圖是實現的分鐘為00 15 30 45的如果想要0-59的請看下面的注意裡面的內容

如果需要的是仿iOS的帶有星期幾的

這裡寫圖片描述
首先介面彈出PopupWindow動畫的實現，具體的程式碼如下
進入動畫

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="500"
        android:fromYDelta="100.0%p"
        android:toYDelta="45" />

</set>

退出動畫

<?xml version="1.0" encoding="utf-8"?>
<set 
 xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="500"
        android:fromYDelta="0.0"
        android:toYDelta="100.0%p" />

</set>

主要介面的內容

public class MainActivity extends Activity implements View.OnClickListener{
    private TextView tv_house_time;
    private 
 TextView tv_center;
    private WheelMain wheelMainDate;
    private String beginTime;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initEvent();
    }

    private void initEvent() {
        tv_house_time.setOnClickListener(this);
    }

    private void initView() {
        tv_house_time = (TextView) findViewById(R.id.tv_house_time);
        tv_center = (TextView) findViewById(R.id.tv_center);
    }

    private java.text.DateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd");
    public void showBottoPopupWindow() {
        WindowManager manager = (WindowManager)getSystemService(Context.WINDOW_SERVICE);
        Display defaultDisplay = manager.getDefaultDisplay();
        DisplayMetrics outMetrics = new DisplayMetrics();
        defaultDisplay.getMetrics(outMetrics);
        int width = outMetrics.widthPixels;
                View menuView = LayoutInflater.from(this).inflate(R.layout.show_popup_window,null);
        final PopupWindow mPopupWindow = new PopupWindow(menuView, (int)(width*0.8),
                ActionBar.LayoutParams.WRAP_CONTENT);
        ScreenInfo screenInfoDate = new ScreenInfo(this);
        wheelMainDate = new WheelMain(menuView, true);
        wheelMainDate.screenheight = screenInfoDate.getHeight();
        String time = DateUtils.currentMonth().toString();
        Calendar calendar = Calendar.getInstance();
        if (JudgeDate.isDate(time, "yyyy-MM-DD")) {
            try {
                calendar.setTime(new Date(time));
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
        int year = calendar.get(Calendar.YEAR);
        int month = calendar.get(Calendar.MONTH);
        int day = calendar.get(Calendar.DAY_OF_MONTH);
        int hours = calendar.get(Calendar.HOUR_OF_DAY);
        int minute = calendar.get(Calendar.MINUTE);
        wheelMainDate.initDateTimePicker(year, month, day, hours,minute);
        final String currentTime = wheelMainDate.getTime().toString();
        mPopupWindow.setAnimationStyle(R.style.AnimationPreview);
        mPopupWindow.setTouchable(true);
        mPopupWindow.setFocusable(true);
        mPopupWindow.setBackgroundDrawable(new BitmapDrawable());
        mPopupWindow.showAtLocation(tv_center, Gravity.CENTER, 0, 0);
        mPopupWindow.setOnDismissListener(new poponDismissListener());
        backgroundAlpha(0.6f);
        TextView tv_cancle = (TextView) menuView.findViewById(R.id.tv_cancle);
        TextView tv_ensure = (TextView) menuView.findViewById(R.id.tv_ensure);
        TextView tv_pop_title = (TextView) menuView.findViewById(R.id.tv_pop_title);
        tv_pop_title.setText("選擇起始時間");
        tv_cancle.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View arg0) {
                mPopupWindow.dismiss();
                backgroundAlpha(1f);
            }
        });
        tv_ensure.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View arg0) {
                beginTime = wheelMainDate.getTime().toString();
                try {
                    Date begin = dateFormat.parse(currentTime);
                    Date end = dateFormat.parse(beginTime);
                    tv_house_time.setText(DateUtils.currentTimeDeatil(begin));
                } catch (ParseException e) {
                    e.printStackTrace();
                }
                mPopupWindow.dismiss();
                backgroundAlpha(1f);
            }
        });
    }

    public void backgroundAlpha(float bgAlpha) {
        WindowManager.LayoutParams lp = getWindow().getAttributes();
        lp.alpha = bgAlpha;
        getWindow().setAttributes(lp);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.tv_house_time:
                showBottoPopupWindow();
                break;
        }
    }

    class poponDismissListener implements PopupWindow.OnDismissListener {
        @Override
        public void onDismiss() {
            backgroundAlpha(1f);
        }

    }
}

佈局內容的

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/rel_select"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:layout_margin="10dp"
    android:background="@drawable/border_circle_radius"
    android:orientation="vertical" >
<TextView
    android:background="#2F0F9980"
    android:padding="10dp"
    android:id="@+id/tv_pop_title"
    android:textSize="18sp"
    android:gravity="center"
    android:textColor="#301616"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />
    <LinearLayout
        android:id="@+id/timePicker1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >
        <liuyongxiang.robert.com.testtime.wheelview.WheelView
            android:id="@+id/year"
            android:layout_width="wrap_content"
            android:layout_weight="1"
            android:layout_height="wrap_content" />
        <liuyongxiang.robert.com.testtime.wheelview.DashedLineView
            android:layout_width="1dp"
            android:gravity="center_vertical"
            android:layout_gravity="center"
            android:background="@drawable/dotted_line"
            android:layout_height="match_parent" />
        <liuyongxiang.robert.com.testtime.wheelview.WheelView
            android:id="@+id/month"
            android:layout_width="wrap_content"
            android:layout_weight="1"
            android:layout_height="wrap_content" />
        <liuyongxiang.robert.com.testtime.wheelview.DashedLineView
            android:layout_width="1dp"
            android:gravity="center_vertical"
            android:layout_gravity="center"
            android:background="@drawable/dotted_line"
            android:layout_height="match_parent" />
        <liuyongxiang.robert.com.testtime.wheelview.WheelView
            android:id="@+id/day"
            android:layout_width="wrap_content"
            android:layout_weight="1"
            android:layout_height="wrap_content" />
        <liuyongxiang.robert.com.testtime.wheelview.DashedLineView
            android:layout_width="1dp"
            android:background="@drawable/dotted_line"
            android:layout_height="match_parent" />
        <liuyongxiang.robert.com.testtime.wheelview.WheelView
            android:id="@+id/hour"
            android:layout_width="wrap_content"
            android:layout_weight="1"
            android:layout_height="wrap_content" />
        <liuyongxiang.robert.com.testtime.wheelview.DashedLineView
            android:layout_width="1dp"
            android:background="@drawable/dotted_line"
            android:layout_height="match_parent" />
        <liuyongxiang.robert.com.testtime.wheelview.WheelView
            android:id="@+id/mins"
            android:layout_width="wrap_content"
            android:layout_weight="1"
            android:layout_height="wrap_content" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#2F0F9980"
        android:padding="10dp"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/tv_cancle"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:padding="5dp"
            android:textSize="18sp"
            android:textColor="#ff0000"
            android:layout_weight="1"
            android:background="@drawable/btn_pop"
            android:text="取消" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="3" />

        <TextView
            android:id="@+id/tv_ensure"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:textColor="#414341"
            android:padding="5dp"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:layout_weight="1"
            android:textSize="18sp"
            android:background="@drawable/btn_pop"
            android:text="確定" />
    </LinearLayout>


</LinearLayout>

請注意

MainActivity裡面的顯示時間的 tv_house_time.setText(DateUtils.currentTimeDeatil(begin));需要更改為
tv_house_time.setText(DateUtils.formateStringH(beginTime,DateUtils.yyyyMMddHHmm));否則現實的額時間為00：00
修改後的
這裡寫圖片描述
將WheelMain裡面的以下程式碼

wv_mins.setAdapter(adapter);
wv_mins.setCyclic(true);// 可迴圈滾動
wv_mins.setLabel(“分”);// 新增文字
int min = setMinute(m);
wv_mins.setCurrentItem(min);
更換為
wv_mins.setAdapter(new NumericWheelAdapter(
0, 59));
wv_mins.setCyclic(true);// 可迴圈滾動
wv_mins.setLabel(“分”);// 新增文字
wv_mins.setCurrentItem(m);
還需要將
int minute = Integer.valueOf(adapter.getItem(wv_mins.getCurrentItem()));
改為
int minute = wv_mins.getCurrentItem();
會將分鐘更改為從0到59

如果不想要時間只想要年月日的話只需要
if (hasSelectTime) {
wv_hours.setVisibility(View.GONE);
wv_mins.setVisibility(View.GONE);

    } else {
        wv_hours.setVisibility(View.GONE);
        wv_mins.setVisibility(View.GONE);
        wv_day.setVisibility(View.GONE);
    }
    將這段程式碼放開就可以了還要將以下綠色區域內的程式碼去掉

這裡寫圖片描述

還需要將 MainActivty裡的如下程式碼
wheelMainDate.initDateTimePicker(year, month, day, hours,minute);
更改為
wheelMainDate.initDateTimePicker(year, month, day);
還有 wheelMain裡的
if (!hasSelectTime) {

        sb.append((wv_year.getCurrentItem() + START_YEAR)).append("-")
                .append(strMon).append("-")
                .append(strDay).append("  ").append(strHour).append(":").append(strMin);
    }else{
        sb.append((wv_year.getCurrentItem() + START_YEAR)).append("-")
                .append(strMon).append("-")
                .append(strDay).append("  ").append(strHour).append(":").append(strMin);
    }

需要修改為
if (!hasSelectTime) {

        sb.append((wv_year.getCurrentItem() + START_YEAR)).append("-")
                .append(strMon).append("-")
                .append(strDay);
    }else{
        sb.append((wv_year.getCurrentItem() + START_YEAR)).append("-")
                .append(strMon).append("-")
                .append(strDay);
    }

實現效果如下圖
最近更新程式碼到github上面了
這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述
如有疑問請留言或請加Android交流群 470707794或Android技術交流群 50208422（此群已滿）
掃碼關注公眾號

Android 日期時間選擇器

如果想實現具有年月日的請看下面的注意裡面的內容，下圖是實現的分鐘為00 15 30 45的如果想要0-59的請看下面的注意裡面的內容

請注意

android日期時間選擇器

Android 日期時間選擇器

Android 仿iOS帶有星期幾的日期時間選擇器

日期時間選擇器插件flatpickr

安卓日期時間選擇器TimePicker快速開發(解析+例項)

日期時間選擇器

android日期時間選擇,有多少天?多少年?以及設定時間選擇範圍(即最大值和最小值)

Android 日期時間選擇支援各種定製年月等已經對螢幕做過適配

Bootstrap datetimepicker日期時間外掛使用方法(日期時間選擇器)

Android:TimePicker時間選擇器

手把手教你寫Js日期時間選擇器(2)-樣式實現

Android TimePickerView時間選擇器

自定義Android日期時間選擇控制元件DateTimePickerDialog

Android studio 時間選擇器

DateTimePicker控制元件(日期時間選擇器)《筆記5》

第三方開源庫：日期時間選擇器（TimePickerDialog）+ 省市區三級聯動(CityPicker) + 一級滾動

vue Element UI 日期時間選擇器獲取格式問題

android之時間選擇器

Android零基礎入門第57節：日期選擇器DatePicker和時間選擇器TimePicker

android日期和時間選擇器

Android 日期時間選擇器

如果想實現具有年月日的請看下面的注意裡面的內容，下圖是實現的分鐘為00 15 30 45的如果想要0-59的請看下面的注意裡面的內容

請注意

相關推薦