APP產(chǎn)品設(shè)計(jì)：時(shí)間、地點(diǎn)、人選擇控件

一、關(guān)于時(shí)間的控件分為兩種：日期時(shí)間控件 和 日歷控件。

創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)營銷推廣、網(wǎng)站重做改版、東豐網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場景定制、電子商務(wù)商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為東豐等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

??? 日期時(shí)間控件： 當(dāng)選擇的時(shí)間包含時(shí)分時(shí)會采用的控件 。一般點(diǎn)擊后，我見過的交互有兩種方式，一種是在底部彈出選擇框，通過滾動的形式可選擇年、月、日、時(shí)、分，點(diǎn)擊完成按鈕關(guān)閉彈窗。另一種是在點(diǎn)擊處下方直接顯示，選擇的形式同底部彈出選擇一樣，選擇完成后，點(diǎn)擊開始的點(diǎn)擊處，隱藏選擇框。

? ? 日歷控件 ：當(dāng)選擇的時(shí)間僅僅為日期的時(shí)候會選擇的控件。我見過的日歷控件分為可折疊和不可折疊兩種。不可折疊的日歷控件都是按月份展示，通過左右滑動，可切換月份?？烧郫B的日歷控件在上滑時(shí)會收起，折疊成周歷，左右滑動可切換周。兩種控件也可結(jié)合使用，如圖：

二、地點(diǎn)控件，交互上我分為了頁面選擇控件和底部彈框控件。

? ? 頁面選擇交互 ：當(dāng)選擇的地點(diǎn)，包括歷史訪問地點(diǎn)、熱門城市等，輔助功能時(shí)，可采用這種交互控件。優(yōu)點(diǎn)：可搜索/索引查找，輔助功能可以多些。缺點(diǎn)：需要頁面跳轉(zhuǎn)。

? ? 底部彈窗交互 ：是一種輕松便捷的選擇地點(diǎn)的方式，目前也有產(chǎn)品把熱門城市選擇容進(jìn)來了，不過如果輔助功能較多，還是覺得選擇用頁面選擇更好。優(yōu)點(diǎn)：占地小。缺點(diǎn)：當(dāng)選擇的城市區(qū)域過多的時(shí)候，選擇麻煩。所以在功能相對不那么頻繁用到的時(shí)候，可選擇此控件。

三、人員選擇控件：根據(jù)有組織層級的人員選擇還是無組織層級人員選擇，有兩種交互設(shè)計(jì)方式，無組織層級的人員選擇，搜索框+人員列表即可。有組織層級的人員選擇，可通過單頁面組織分類，平鋪顯示人員，也可以通過頁面層層下鉆的形式，選擇人員。

以上就是我個人的一些總結(jié)，如有不妥之處，不吝賜教。

- E N D -

這個控件叫：Picker/選擇器/拾取器

Picker（選擇器/拾取器/選取器）是指提供多個選項(xiàng)集合供用戶選擇其中一項(xiàng)的控件。在不同平臺Picker的具體控件表現(xiàn)形式不同。在iOS端Picker一般稱之為滾輪選擇器，而在Android端，Picker的主要表現(xiàn)形式是Dialog（對話框）或dropdown menu（下拉菜單）。

在移動端Picker最常見的用途是選擇時(shí)間，iOS和Android將時(shí)間相關(guān)的Picker封裝成原生控件。

如果Date Picker呈現(xiàn)形式是日歷，也可以稱之為Calendar Date Picker（日歷選擇器）。Date Range Picker（日期范圍選擇器）是用來選擇某個日期范圍，常用于旅行、住宿等時(shí)間周期相關(guān)事項(xiàng)。

Picker展示區(qū)域有限，大部分選項(xiàng)會被隱藏，最好是當(dāng)用戶對所有選項(xiàng)都比較熟悉、有預(yù)期的時(shí)候，才使用Picker。

這個控件叫：Badge/徽標(biāo)/小紅點(diǎn)

這個控件叫：A-Z index/字母索引導(dǎo)航

這個控件叫：Segment Controls/分段控件（附錄與Tabs的區(qū)別）

這個控件叫：Skeleton Screen/加載占位圖

這個控件叫：Page Indicator/Page Controls/頁面指示器

這個控件叫：Stepper/步進(jìn)器

這個控件叫：Switch/開關(guān)/滑動開關(guān)/切換開關(guān)

Toast（吐司提示）的曾經(jīng)、現(xiàn)在與未來

這個控件叫：Soft Keyboard/Virtual Keyboard/軟鍵盤/虛擬鍵盤

這個控件叫：Action Sheet/動作菜單/動作面板/行動列表

這個控件叫：Popover/氣泡彈出框/彈出式氣泡/氣泡

這個控件叫：Text fields/輸入框/文本框

這個控件可能叫：Notice Bar/通告欄

android自帶日期控件怎么調(diào)用

1.DatePicker

在Android中，DatePicker用來實(shí)現(xiàn)日期輸入設(shè)置，日期的設(shè)置范圍為1900年1月1日至2100年12月31日。

1.1常用xml屬性

DatePicker的常用xml屬性如圖1所示：

圖1 DatePicker常用xml屬性

其中，android:calendarViewShown[boolean]用于設(shè)置是否顯示calendar view；android:endYear[int]用于設(shè)置截至日期；android:maxDate[int]用于設(shè)置最大的日期；android:minDate[int]用于設(shè)置最小的日期；android:spinnersShown[boolean]用于設(shè)置是否顯示spinners；android:startYear[int]用于設(shè)置起始日期。

1.2常用方法

DatePicker的常用方法有以下一些：

（1）public CalendarView getCalendarView(); //獲取CalendarView

（2）public boolean getCalendarViewShown(); 　 //獲取CalendarView是否顯示

（3）public int getDayOfMonth(); //獲取當(dāng)前日期的日

（4）public long getMaxDate(); ? //獲取最大日期

（5）public long getMinDate(); ? ?//獲取最小日期

（6）public int getMonth(); ? 　 ?//獲取當(dāng)前日期的月

（7）public boolean getSpinnersShown(); ? ? //獲取Spinners是否顯示

（8）public int getYear(); //獲取當(dāng)前日期的年

（9）public void init(int year,int monthOfYear,int dayOfMonth,

DatePicker.OnDateChangedListener onDateChangedListener); //初始化日期

（10）public void setCalendarViewShown(boolean shown);//設(shè)置是否顯示CalendarView

（11）public void setMaxDate(long maxDate); //設(shè)置最大日期

（12）public void setMinDate(long minDate); //設(shè)置最小日期

（13）public void setSpinnersShown(boolean shown); //設(shè)置是否顯示Spinners

（14）public void updateDate(int year,int month,int dayOfMonth); 　 ?//更新當(dāng)前日期

2.TimePicker

在Android中，TimePicker用來實(shí)現(xiàn)時(shí)間輸入設(shè)置，可以選擇12或24小時(shí)模式。TimePicker的常用方法有以下一些：

（1）public Integer getCurrentHour(); //獲取當(dāng)前時(shí)間的小時(shí)

（2）public Integer getCurrentMinute(); ?//獲取當(dāng)前時(shí)間的分鐘

（3）public boolean is24HourView(); //獲取是否為24小時(shí)模式

（4）public void setCurrentHour(Integer currentHour); ? ? ? ? ? ?//設(shè)置當(dāng)前時(shí)間的小時(shí)

（5）public void setCurrentMinute(Integer currentMinute); ? ? ?//設(shè)置當(dāng)前時(shí)間的分鐘

（6）public void setIs24HourView(Boolean is24HourView); ? ? ?//設(shè)置24小時(shí)模式

3.DatePickerDialog

在Android中，DatePickerDialog用來顯示日期對話框。DatePickerDialog的常用方法有以下一些：

（1）public DatePicker getDatePicker(); ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?//獲取DatePicker中的日期值

（2）public void onClick(DialogInterface dialog,int which); ? ? ? //響應(yīng)對話框中的點(diǎn)擊事件

（3）public void onDateChanged(DatePicker view,int year,int month,int day); ? ? ? //響應(yīng)日期改變事件

（4）public void updateDate(int year,int monthOfYear,int dayOfMonth); ? ? ? ? ? ? ?//更新當(dāng)前日期

4.TimePickerDialog

在Android中，TimePickerDialog用來顯示時(shí)間對話框。TimePickerDialog的常用方法有以下一些：

（1）public void onClick(DialogInterface dialog,int which); ? ? ? ? ? ? ? ? ? ? ? ? ? ? //響應(yīng)對話框中的點(diǎn)擊事件

（2）public void onTimeChanged(TimePicker view,int hourOfDay,int minute); ? ?//響應(yīng)時(shí)間改變事件

（3）public void updateTime(int hourOfDay,int minuteOfHour); ? ? ? ? ? ? ? ? ? ? ? //更新當(dāng)前時(shí)間

5.AnalogClock

在Android中，AnalogClock用于顯示指針式時(shí)鐘，該時(shí)鐘僅有時(shí)鐘和分鐘兩個指針。

6.DigitalClock

在Android中，DigitalClock用來顯示數(shù)字式時(shí)鐘，顯示格式為HH:MM:SS AM/PM。

Android下幾個相關(guān)的時(shí)間日期控件的用法

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

日歷c = Calendar.getInstance（）; //獲取系統(tǒng)的工具類【可以獲取時(shí)間】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））; //設(shè)置默認(rèn)時(shí)間。datePickerDialog.getDatePicker（）setMinDate（c.getTime（）的getTime（））; //設(shè)置最小值datePickerDialog.show（）;

相關(guān)類的認(rèn)識

選取器（的DatePicker，TimerPicker，NumberPicker）

其中的DatePicker和TimerPicker都有窗口的形式顯示日期和時(shí)間，再返回?cái)?shù)據(jù)。

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

一.DatePicker日期選擇類的使用

DatePicker的常用的XML屬性

XML屬性

描述

機(jī)器人：calendarViewShown ? ?設(shè)置該日期選擇是否顯示CalendarView組件。 ?

機(jī)器人：endYear ? ?設(shè)置日期選擇器允許選擇的最后一年。 ?

安卓的maxDate ? ?設(shè)置該日期選擇器的最大日期。以MM / DD / YYYY格式指定最大日期。 ?

安卓的minDate ? ?設(shè)置該日期選擇器的最小日期。以MM / DD / YYYY格式指定最小日期。 ?

機(jī)器人：spinnersShown ? ?設(shè)置該日期選擇器是否顯示微調(diào)日期選擇組件。 ?

機(jī)器人：startYear ? ?設(shè)置日期選擇器允許選擇的第一年。 ?

當(dāng)用戶更改了的DatePicker里的年，月，日時(shí)，將觸發(fā)OnDateChangedListener監(jiān)聽器的onDateChange（）事件。

二.TimePicker日期選擇類的使用

當(dāng)用戶更改了TimePicker里的時(shí)，分時(shí)，將觸發(fā)OnTimeChangedListener監(jiān)聽器的onTimeChanged事件。

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

（一）布局文件設(shè)計(jì)

LinearLayout xmlns:android=""xmlns: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="顯示時(shí)間的控件" /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="顯示時(shí)間" //LinearLayout

1

（二）主代碼設(shè)計(jì)

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;@Overrideprotected 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();// 獲取當(dāng)前年份year = c.get(Calendar.YEAR);// 獲取當(dāng)前月份monthOfYear = c.get(Calendar.MONTH);// 獲取當(dāng)前月份的天數(shù)dayOfMonth = c.get(Calendar.DAY_OF_MONTH);// 獲取當(dāng)前的小時(shí)數(shù)houre = c.get(Calendar.HOUR_OF_DAY);// 獲取當(dāng)前的分鐘數(shù)minute = c.get(Calendar.MINUTE);// 時(shí)間顯示的文本對象showDate = (TextView) findViewById(R.id.main_tv_showdate);// 為日期設(shè)置監(jiān)聽事件date.init(year, monthOfYear, dayOfMonth, new OnDateChangedListener() {@Overridepublic 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);}});// 顯示時(shí)間的文本控件showtime = (TextView) findViewById(R.id.main_tv_showtime);// 時(shí)間顯示的控件TimePicker time = (TimePicker) findViewById(R.id.main_tp_showTime);// 為時(shí)間控件設(shè)置監(jiān)聽事件time.setOnTimeChangedListener(new OnTimeChangedListener() {@Overridepublic 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+ "日");}//顯示時(shí)間的方法private void showTime(int houre2, int minute2) {showtime.setText("時(shí)間是：" + houre2 + "時(shí)" + minute2 + "分");}}

1

運(yùn)行后顯示的結(jié)果：

可以從運(yùn)行結(jié)果直接看到，控件的顯示，可以上下拖動選擇自己想要的日期和時(shí)間，但是，我們看到這樣做是比較占屏幕空間的。所以后面介紹的用窗口選擇日期和時(shí)間是比較常用的。

三。DatePickerDialog

DatePickerDialog和TimePickerDialog，與的DatePicker和TimePicker，最大的區(qū)別是的DatePicker和TimePicker是直接顯示在屏幕畫面上的，而DatePickerDialog和TimePickerDialog對象則是以彈出對話框的方式來顯示。

創(chuàng)建DatePickerDialog的語法如下：

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

1

參數(shù)說明：

上下文：當(dāng)前上下文;

回調(diào)：OnDateSetListener日期改變監(jiān)聽器;

年：初始化的年;

monthOfYear：初始化的月（從0開始計(jì)數(shù)，所以實(shí)際應(yīng)用時(shí)需要加1）;

請將dayOfMonth：初始化的日;

當(dāng)用戶更改了DatePickerDialog里的年，月，日時(shí)，將觸發(fā)OnDateSetListener監(jiān)聽器的onDateSet（）事件。

四。TimePickerDialog

創(chuàng)建TimePickerDialog的語法如下：

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

1

參數(shù)說明：

上下文：當(dāng)前上下文;

聽眾：時(shí)間改變監(jiān)聽器;

hourOfDay：初始化的小時(shí);

分鐘：

初始化的分鐘; is24HourView：是否以24小時(shí)顯示時(shí)間;

當(dāng)用戶更改了TimePickerDialog里的時(shí)，分時(shí)，將觸發(fā)OnTimeSetListener監(jiān)聽器的onTimeSet（）事件。

下面是日期和時(shí)間以窗口的形式顯示的示例：

（一）布局文件設(shè)計(jì)

?xml version="1.0" encoding="utf-8"?LinearLayout xmlns: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="設(shè)置日期" /Button ? ? ? ?android:layout_width="wrap_content"android:layout_height="wrap_content"android:onClick="getTime"android:text="設(shè)置時(shí)間" /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="時(shí)間：" //LinearLayout

1

（二）代碼設(shè)計(jì)

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;@Overrideprotected 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);}// 點(diǎn)擊事件,湖區(qū)日期public void getDate(View v) {new DatePickerDialog(this, new DatePickerDialog.OnDateSetListener() {@Overridepublic void onDateSet(DatePicker view, int year, int monthOfYear,int dayOfMonth) {PickerDialog.this.year = year;month = monthOfYear;day = dayOfMonth;}}, 2016, 10, 8).show();showDate();}// 點(diǎn)擊事件,湖區(qū)日期public void getTime(View v) {new TimePickerDialog(this, new TimePickerDialog.OnTimeSetListener() {@Overridepublic 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("你選擇的時(shí)間是：" + houre + "時(shí)" + minute + "分");}}

1

運(yùn)行后顯示的界面：

點(diǎn)擊日期按鈕后

點(diǎn)擊時(shí)間按鈕后

之后顯示的效果

這個以對話框的形式來選擇時(shí)間還是比較常見的。而且用戶體驗(yàn)也是比較好的。

五。NumberPicker

NumberPicker是數(shù)值選擇器，用于讓用戶輸入數(shù)值，用戶既可以通過鍵盤輸入數(shù)值，也可以通過拖動來選擇數(shù)值。

NumberPicker的常用方法如下：

方法

描述

setMinValue（int minVal） ? ?設(shè)置該組件支持的最小值。 ?

setMaxValue（int maxVal） ? ?設(shè)置該組件支持的最大值。 ?

setValue（int value） ? ?設(shè)置該組件的當(dāng)前值。 ?

getMaxValue（） ? ?獲得該組件設(shè)置的最大值。 ?

getMinValue（） ? ?獲得該組件設(shè)置的最小值。 ?

的getValue（） ? ?獲得當(dāng)前組件顯示的值。 ?

setValue（int value） ? ?設(shè)置當(dāng)前組件顯示的值。 ?

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

（一）布局文件設(shè)計(jì)

?xml version="1.0" encoding="utf-8"?LinearLayout xmlns: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" //TableRowTableRow ? ? ? ? ? ?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/TableLayoutTextView ? ? ? ?android:id="@+id/number_tv_year"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="日期：" //LinearLayout

1

（二）的Java代碼的設(shè)計(jì)

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;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_numberpicker);initView();}private void initView() {// 實(shí)例化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);// 實(shí)例化顯示年份的文本對象Ftv_year = (TextView) findViewById(R.id.number_tv_year);initYear();initMonth();initDay();}private void initYear() {// 設(shè)置NumberPicker對象的相關(guān)屬性num_year.setMaxValue(100000);num_year.setMinValue(1900);num_year.setValue(2016);// 為NumberPicker設(shè)置監(jiān)聽事件num_year.setOnValueChangedListener(new OnValueChangeListener() {@Overridepublic void onValueChange(NumberPicker picker, int oldVal,int newVal) {year = newVal;showDate();}});}private void initMonth() {// 設(shè)置NumberPicker對象的相關(guān)屬性num_month.setMaxValue(12);num_month.setMinValue(1);num_month.setValue(10);// 為NumberPicker設(shè)置監(jiān)聽事件num_month.setOnValueChangedListener(new OnValueChangeListener() {@Overridepublic void onValueChange(NumberPicker picker, int oldVal,int newVal) {month = newVal;showDate();}});}private void initDay() {// 設(shè)置NumberPicker對象的相關(guān)屬性num_day.setMaxValue(31);num_day.setMinValue(1);num_day.setValue(8);// 為NumberPicker設(shè)置監(jiān)聽事件num_day.setOnValueChangedListener(new OnValueChangeListener() {@Overridepublic void onValueChange(NumberPicker picker, int oldVal,int newVal) {day = newVal;showDate();}});}void showDate() {tv_year.setText("你選擇的日期是：" + year + "年" + month + "月" + day + "日");}}

1

程序運(yùn)行后的效果：

選擇日期之后的效果

可以看到同樣可以顯示出日期。

這里是用來三個NumberPicker控件才能有這個效果，如果要具體時(shí)間要多加兩個NumberPicker控件，就可以了。

但是這樣做相對來的要出來的數(shù)據(jù)還是比較多一點(diǎn)的。

以上就是時(shí)間控件的使用的方法和簡單使用，總的來的還是以窗口的形式來顯示還是比較符合設(shè)計(jì)思想的，也是我們要重點(diǎn)掌握的。

分享標(biāo)題：android時(shí)間選擇控件,andriod 日期選擇器
網(wǎng)站路徑：http://www.rwnh.cn/article32/dscdopc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、外貿(mào)建站、外貿(mào)網(wǎng)站建設(shè)、電子商務(wù)、云服務(wù)器、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)