2. 程式人生 > >Android顯示時間和日期的控制元件的使用總結

Android顯示時間和日期的控制元件的使用總結

阿新 • • 發佈：2019-02-11

獲取年月日，之前的日期不能選擇

日曆c = Calendar.getInstance（）; //獲取系統的工具類【可以獲取時間】
                DatePickerDialog datePickerDialog = new DatePickerDialog（context，new DatePickerDialog.OnDateSetListener（）{
                    @覆蓋
                    public void onDateSet（DatePicker view，int year，int month，int dayOfMonth）{
                        月+ = 1;
                        yuyueTime.setText（year +“ - ”+ month +“ - ”+ dayOfMonth）;
                    }
                }，c.get（Calendar.YEAR），c.get（Calendar.MONTH），c.get（Calendar.DATE））; //設定預設時間
                。datePickerDialog.getDatePicker（）setMinDate（c.getTime（）的getTime（））; //設定最小值
                datePickerDialog.show（）;

相關類的認識
選取器（的DatePicker，TimerPicker，NumberPicker）
其中的DatePicker和TimerPicker都有視窗的形式顯示日期和時間，再返回資料。

下面分別介紹這幾種時間類的使用方法。

一.DatePicker日期選擇類的使用

DatePicker的常用的XML屬性

XML屬性 描述
機器人：calendarViewShown 設定該日期選擇是否顯示CalendarView元件。
機器人：endYear 設定日期選擇器允許選擇的最後一年。
安卓的maxDate 設定該日期選擇器的最大日期。以MM / DD / YYYY格式指定最大日期。
安卓的minDate 設定該日期選擇器的最小日期。以MM / DD / YYYY格式指定最小日期。
機器人：spinnersShown 設定該日期選擇器是否顯示微調日期選擇元件。
機器人：startYear 設定日期選擇器允許選擇的第一年。


當用戶更改了的DatePicker裡的年，月，日時，將觸發OnDateChangedListener監聽器的onDateChange（）事件。

二.TimePicker日期選擇類的使用


當用戶更改了TimePicker裡的時，分時，將觸發OnTimeChangedListener監聽器的onTimeChanged事件。

下面是日期選擇類和時間選擇類的一個使用示例：

（一）佈局檔案設計

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="顯示日期的控制元件" />

    <DatePicker
        android:id="@+id/main_dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="顯示時間的控制元件" />

    <TimePicker
        android:id="@+id/main_tp_showTime"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/main_tv_showdate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="顯示日期" />

    <TextView
        android:id="@+id/main_tv_showtime"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="顯示時間" />

</LinearLayout>
  • 1

（二）主程式碼設計

package com.example.timer;
import java.util.Calendar;
import android.app.Activity;
import android.os.Bundle;
import android.widget.DatePicker;
import android.widget.DatePicker.OnDateChangedListener;
import android.widget.TextView;
import android.widget.TimePicker;
import android.widget.TimePicker.OnTimeChangedListener;

public class MainActivity extends Activity {

    int year = 0;
    int monthOfYear = 0;
    int dayOfMonth = 0;
    int minute = 0;
    int houre = 0;
    TextView showDate = null;
    TextView showtime = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        showDate(year, monthOfYear + 1, dayOfMonth);
        showTime(houre, minute);
    }

    private void initView() {
        // 日期控制元件物件
        DatePicker date = (DatePicker) findViewById(R.id.main_dp);
        // 獲得日曆物件
        Calendar c = Calendar.getInstance();
        // 獲取當前年份
        year = c.get(Calendar.YEAR);
        // 獲取當前月份
        monthOfYear = c.get(Calendar.MONTH);
        // 獲取當前月份的天數
        dayOfMonth = c.get(Calendar.DAY_OF_MONTH);
        // 獲取當前的小時數
        houre = c.get(Calendar.HOUR_OF_DAY);
        // 獲取當前的分鐘數
        minute = c.get(Calendar.MINUTE);

        // 時間顯示的文字物件
        showDate = (TextView) findViewById(R.id.main_tv_showdate);

        // 為日期設定監聽事件
        date.init(year, monthOfYear, dayOfMonth, new OnDateChangedListener() {

            @Override
            public void onDateChanged(DatePicker view, int year,
                    int monthOfYear, int dayOfMonth) {
                MainActivity.this.year = year;
                MainActivity.this.monthOfYear = monthOfYear;
                MainActivity.this.dayOfMonth = dayOfMonth;
                showDate(year, monthOfYear + 1, dayOfMonth);

            }

        });

        // 顯示時間的文字控制元件
        showtime = (TextView) findViewById(R.id.main_tv_showtime);

        // 時間顯示的控制元件
        TimePicker time = (TimePicker) findViewById(R.id.main_tp_showTime);
        // 為時間控制元件設定監聽事件
        time.setOnTimeChangedListener(new OnTimeChangedListener() {

            @Override
            public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
                showTime(hourOfDay, minute);
            }
        });

    }

        //顯示日期的方法
    private void showDate(int year, int monthOfYear, int dayOfMonth) {
        showDate.setText("日期是：" + year + "年" + monthOfYear + "月" + dayOfMonth
                + "日");

    }

    //顯示時間的方法
    private void showTime(int houre2, int minute2) {
        showtime.setText("時間是：" + houre2 + "時" + minute2 + "分");

    }

}
  • 1


執行後顯示的結果：

時間的DatePicker

可以從執行結果直接看到，控制元件的顯示，可以上下拖動選擇自己想要的日期和時間，但是，我們看到這樣做是比較佔螢幕空間的。所以後面介紹的用視窗選擇日期和時間是比較常用的。

三。DatePickerDialog

DatePickerDialog和TimePickerDialog，與的DatePicker和TimePicker，最大的區別是的DatePicker和TimePicker是直接顯示在螢幕畫面上的，而DatePickerDialog和TimePickerDialog物件則是以彈出對話方塊的方式來顯示。

建立DatePickerDialog的語法如下：

DatePickerDialog(Context context, DatePickerDialog.OnDateSetListener callBack, int year, int monthOfYear, int dayOfMonth)
  • 1

引數說明：
上下文：當前上下文;
回撥：OnDateSetListener日期改變監聽器;
年：初始化的年;
monthOfYear：初始化的月（從0開始計數，所以實際應用時需要加1）;
請將dayOfMonth：初始化的日;
當用戶更改了DatePickerDialog裡的年，月，日時，將觸發OnDateSetListener監聽器的onDateSet（）事件。

四。TimePickerDialog

建立TimePickerDialog的語法如下：

TimePickerDialog(Context context, TimePickerDialog.OnTimeSetListener listener, int hourOfDay, 
int minute, boolean is24HourView)
  • 1

引數說明：
上下文：當前上下文;
聽眾：時間改變監聽器;
hourOfDay：初始化的小時;
分鐘：
初始化的分鐘; is24HourView：是否以24小時顯示時間;
當用戶更改了TimePickerDialog裡的時，分時，將觸發OnTimeSetListener監聽器的onTimeSet（）事件。

下面是日期和時間以視窗的形式顯示的示例：

（一）佈局檔案設計

<?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" >

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="getDate"
        android:text="設定日期" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="getTime"
        android:text="設定時間" />

    <TextView
        android:id="@+id/dialog_tv_date"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="getTime"
        android:text="日期：" />

    <TextView
        android:id="@+id/dialog_tv_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="時間：" />

</LinearLayout>
  • 1

（二）程式碼設計

package com.java.pickerDialog;
import com.example.timer.R;

import android.app.Activity;
import android.app.DatePickerDialog;
import android.app.TimePickerDialog;
import android.os.Bundle;
import android.view.View;
import android.widget.DatePicker;
import android.widget.TextView;
import android.widget.TimePicker;

public class PickerDialog extends Activity {

    TextView tv_date = null;
    TextView tv_time = null;
    int year = 2016;
    int month = 10;
    int day = 8;
    int houre = 15;
    int minute = 20;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_pickerdialog);
        initView();
    }

    private void initView() {
        tv_date = (TextView) findViewById(R.id.dialog_tv_date);
        tv_time = (TextView) findViewById(R.id.dialog_tv_time);
    }

    // 點選事件,湖區日期
    public void getDate(View v) {

        new DatePickerDialog(this, new DatePickerDialog.OnDateSetListener() {

            @Override
            public void onDateSet(DatePicker view, int year, int monthOfYear,
                    int dayOfMonth) {
                PickerDialog.this.year = year;
                month = monthOfYear;
                day = dayOfMonth;

            }
        }, 2016, 10, 8).show();
        showDate();
    }

    // 點選事件,湖區日期
    public void getTime(View v) {
        new TimePickerDialog(this, new TimePickerDialog.OnTimeSetListener() {

            @Override
            public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
                houre = hourOfDay;
                PickerDialog.this.minute = minute;
            }
        }, 15, 20, true).show();
        showTime();
    }

    // 顯示選擇日期
    private void showDate() {
        tv_date.setText("你選擇的日期是：" + year + "年" + month + "月" + day + "日");
    }

    // 顯示選擇日期
    private void showTime() {
        tv_time.setText("你選擇的時間是：" + houre + "時" + minute + "分");
    }

}
  • 1


執行後顯示的介面：

對話方塊時間類1

點選日期按鈕後

點選日期類

點選時間按鈕後

點選時間類

之後顯示的效果

時間類顯示後結果

這個以對話方塊的形式來選擇時間還是比較常見的。而且使用者體驗也是比較好的。

五。NumberPicker

NumberPicker是數值選擇器，用於讓使用者輸入數值，使用者既可以通過鍵盤輸入數值，也可以通過拖動來選擇數值。

NumberPicker的常用方法如下：

方法 描述
setMinValue（int minVal） 設定該元件支援的最小值。
setMaxValue（int maxVal） 設定該元件支援的最大值。
setValue（int value） 設定該元件的當前值。
getMaxValue（） 獲得該元件設定的最大值。
getMinValue（） 獲得該元件設定的最小值。
的getValue（） 獲得當前元件顯示的值。
setValue（int value） 設定當前元件顯示的值。

使用NumberPicker讓使用者選擇年月日的示例：

（一）佈局檔案設計

<?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" >

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center" >

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_margin="5dp"
                android:background="#e2a617"
                android:gravity="center"
                android:text="年"
                android:textSize="20sp" />

            <TextView
                android:layout_margin="5dp"
                android:background="#0d637f"
                android:gravity="center"
                android:text="月"
                android:textSize="20sp" />

            <TextView
                android:layout_margin="5dp"
                android:background="#aa2266"
                android:gravity="center"
                android:text="日"
                android:textSize="20sp" />
        </TableRow>

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <NumberPicker
                android:id="@+id/number_np_year"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

            <NumberPicker
                android:id="@+id/number_np_month"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

            <NumberPicker
                android:id="@+id/number_np_day"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
        </TableRow>
    </TableLayout>

    <TextView
        android:id="@+id/number_tv_year"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="日期：" />

</LinearLayout>
  • 1

（二）的Java程式碼的設計

package com.java.timepicker;
import android.app.Activity;
import android.os.Bundle;
import android.widget.NumberPicker;
import android.widget.NumberPicker.OnValueChangeListener;
import android.widget.TextView;

import com.example.timer.R;

public class NumberPickerActivity extends Activity {

    NumberPicker num_year = null;
    NumberPicker num_month = null;
    NumberPicker num_day = null;
    TextView tv_year = null;
    int year = 2016;
    int month = 10;
    int day = 8;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_numberpicker);
        initView();

    }

    private void initView() {
        // 例項化NumberPicker物件
        num_year = (NumberPicker) findViewById(R.id.number_np_year);
        num_month = (NumberPicker) findViewById(R.id.number_np_month);
        num_day = (NumberPicker) findViewById(R.id.number_np_day);
        // 例項化顯示年份的文字物件F
        tv_year = (TextView) findViewById(R.id.number_tv_year);
        initYear();
        initMonth();
        initDay();
    }

    private void initYear() {
        // 設定NumberPicker物件的相關屬性
        num_year.setMaxValue(100000);
        num_year.setMinValue(1900);
        num_year.setValue(2016);
        // 為NumberPicker設定監聽事件
        num_year.setOnValueChangedListener(new OnValueChangeListener() {

            @Override
            public void onValueChange(NumberPicker picker, int oldVal,
                    int newVal) {
                year = newVal;
                showDate();
            }
        });

    }

    private void initMonth() {
        // 設定NumberPicker物件的相關屬性
        num_month.setMaxValue(12);
        num_month.setMinValue(1);
        num_month.setValue(10);
        // 為NumberPicker設定監聽事件
        num_month.setOnValueChangedListener(new OnValueChangeListener() {

            @Override
            public void onValueChange(NumberPicker picker, int oldVal,
                    int newVal) {
                month = newVal;
                showDate();
            }
        });

    }

    private void initDay() {
        // 設定NumberPicker物件的相關屬性
        num_day.setMaxValue(31);
        num_day.setMinValue(1);
        num_day.setValue(8);
        // 為NumberPicker設定監聽事件
        num_day.setOnValueChangedListener(new OnValueChangeListener() {
            @Override
            public void onValueChange(NumberPicker picker, int oldVal,
                    int newVal) {
                day = newVal;
                showDate();
            }
        });

    }

    void showDate() {
        tv_year.setText("你選擇的日期是：" + year + "年" + month + "月" + day + "日");

    }

}
  • 1


程式執行後的效果：

NumberPicker執行後


選擇日期之後的效果

NumberPicker選擇後

可以看到同樣可以顯示出日期。
這裡是用來三個NumberPicker控制元件才能有這個效果，如果要具體時間要多加兩個NumberPicker控制元件，就可以了。
但是這樣做相對來的要出來的資料還是比較多一點的。


以上就是時間控制元件的使用的方法和簡單使用，總的來的還是以視窗的形式來顯示還是比較符合設計思想的，也是我們要重點掌握的。

相關推薦

Android顯示時間和日期的控制元件的使用總結

獲取年月日，之前的日期不能選擇 日曆c = Calendar.getInstance（）; //獲取系統的工具類【可以獲取時間】 DatePickerDialog datePickerDialog = new DatePickerDialog

andriod 時間和日期控制元件

<?xml version="1.0" encoding="utf-8"?> //佈局 <LinearLayout xmlns:android="http://schemas.and

android開發時為日期控制元件設定選擇範圍，再次點選時顯示上次選擇日期

下面做的是：28天<= 日期 <=65週歲 //計算28天前的日期 public static final long _MAX_TIME = 28 * 24 * 60 * 60 * 1000L;int inComingYear;int inComingMonth;int

android中時間 和 日期 格式化顯示

Android中時間 和 日期 格式化顯示： 【一】SimpleDateFormat 格式化程式碼------ // 輸出"年-月-日 時:分:秒 星期" // 其中時間顯示是12小時制的，如果需要顯示24小時制，只需將hh換成kk // 星期的表示 4個E是完全形式，一

android 5.0新增的控制元件總結

5.0中新添加了很多控制元件，為了便於學習和總結這裡我給大家歸納了一下： 使用方式：builde.gride檔案中新增下面的依賴， compile 'com.android.support:design:22.2.0'   //可修改版本號為對應的buildToolsVer

jquery-ui裡面的日期控制元件 datepicker只顯示年和月

1.jquery-ui 日期控制元件可以理解有三個部分組成。頭部包含年月兩個下拉框，中間部分包每月對應的天數，尾部包含時間（時分秒） 2.要樣式上不顯示天數通過CSS樣式控制 程式碼如下： <style type="text/css">         .u

Android開發第三方庫glide和圓形控制元件circleimageview一起使用第一次進入無法顯示問題

在使用glide載入圓形頭像,圓形頭像使用控制元件circleimageview,發現第一進入頭像根本不會顯示,後來使用android v4包提供的RoundedBitmapDrawableFactory完美的解決了這個問題,在使用RoundedBitmapDr

Android 中的時間日期控制元件

TextClock 以字串的形式顯示當前時間 更多方法及屬性請檢視官方API API17+ 在佈局檔案中新增 <TextClock android:id="@+id/textClock" android:layout_widt

Android 日期控制元件（DatePickerDialog）與時間控制元件（TimePickerDialog）的使用

在Android中提供日期和時間的控制元件是DataPicker與TimePicker，不過這兩個控制元件並非彈窗模式，而是直接在頁面上佔據一塊區域，並不會自動關閉，因此不適合直接使用，實際開發中用的是已經封裝好的對話方塊DatePickerDialog與TimePick

selenium之 時間日期控制元件的處理（轉）

我們不去搞時間日期空間，我們把它當成一個普通的input框處理就好了！ 但是，很多此型別input框都是禁止手動輸入的，怎麼辦？ 很簡單，用js把禁止輸入的readonly屬性幹掉就好了。 來吧，看一下示例： 示例網址：http://www.sucaijiayuan.com/api/demo.php?

Winform下使用ListView控制元件和ImageList控制元件顯示圖片縮圖

一、基本概念 1、ImageList控制元件 ImageList元件，又稱為圖片儲存元件，它主要用於儲存圖片資源，然後在控制元件上顯示出來，這樣就簡化了對圖片的管理。ImageList元件的主要屬性是Images，它包含關聯控制元件將要使用的圖片。每個單獨的圖片可以通過其索引值或鍵值來訪問。

unity3d嵌入到iOS工程（3d物體和iOS控制元件顯示在同一個view上）

最近公司要開發一款用於3d展示的應用，通過在網上拜讀各大神的帖子，終於完美解決此類問題。（unity3d版本2017.3，xcode9.2） 前邊unity3d打包iOS工程的方法在此就不做贅述，其他帖子基本可以解決，本帖直接上乾貨。 1、在打包好的iOS工程中，找到UnityAppCont

微信小程式實現顯示和隱藏控制元件-頭像-取值-bindblur事件

微信小程式實現顯示和隱藏控制元件 .wxml: <view class=" {{showOrHidden?'show':'hidden'}}"></view> .wxss: .hidden { display: none; } .show { display: b

Android : 事件分發,以及消除子控制元件和父控制元件互相的影響

效果圖 消除在上下滑的時候讓下面的listview控制元件不進行滑動 如題,先上xml的程式碼 父控制元件listview <?xml version="1.0" encoding="utf-8"?> <android.support.constraint.Con

android自定義星級評分控制元件，可實現只顯示實心星星

話不多說，上圖 近日app需求弄一個等級展示，看了下UI圖，只顯示實星（點亮的星星）.如圖 但是網上關於星級評分的例子大多這樣 也展示虛心星星 通過自定義View package com.starsbar; import android.content.C

Angular6使用時間日期控制元件daterangepicker

頁面展示效果圖如下： 1.該外掛需要引入jquery npm install jquery --save 2.需要將以下三個檔案放在assets資料夾下 3.在angular.json檔案中新增如下配置 4.html <input type="text" i

Android開發的之基本控制元件和詳解四種佈局方式

Android中的控制元件的使用方式和iOS中控制元件的使用方式基本相同，都是事件驅動。給控制元件新增事件也有介面回撥和委託代理的方式。今天這篇部落格就總結一下Android中常用的基本控制元件以及佈局方式。說到佈局方式Android和iOS還是區別挺大的，在iOS中有Frame絕對佈局和AutoL

日期控制元件如何顯示出時分秒

我們平常在使用日期控制元件的時候，控制元件一般都是顯示為yyyy/MM/dd格式，那麼如何將時分秒顯示出來呢？如下圖所示：選中日期控制元件，在右邊的屬性欄——格式化中，去掉d；即可實現顯示出時分秒  轉載請註明出處:

android在程式碼中設定控制元件的長和高

這裡介紹LinearLayout和RelativeLayout兩種佈局下的控制元件 LinearLayout.LayoutParams paramss = (LinearLayout.LayoutParams) imageview.getLayoutPar

Android Material適配 為控制元件設定指定背景色和點選波紋效果

大部分時候，我們都需要為控制元件設定指定背景色和點選效果 4.x以下可以使用selector,5.0以上需要帶波紋效果，以下是實現該效果的方法。 比如實現Button的Material適配 <Button android:text