在 Android 应用开发中，日期选择器和时间选择器是常见的 UI 组件。为了让应用的 UI 更加美观和易于使用，Google 推出了 Material Design 设计语言。本文将介绍如何使用 Material Design 实现 Android 应用的日期选择器和时间选择器，并提供示例代码。
Material Design 设计语言
Material Design 是 Google 推出的一种设计语言，旨在提供一种一致的设计风格，以便用户可以更轻松地理解和使用应用程序。Material Design 强调以下几个方面：
- 平面化设计：使用纯色块和简单的图标代替复杂的图案和纹理。
- 深度感：使用阴影和光影效果来模拟物体之间的空间关系。
- 动画效果：使用平滑的动画来增强用户体验。
- 响应式设计：确保应用程序在不同设备上都能够良好地运行。
实现日期选择器和时间选择器
使用 Material Design 控件库
Google 提供了一个 Material Design 控件库，其中包含许多常见的 UI 组件，包括日期选择器和时间选择器。可以将以下依赖项添加到应用程序的 build.gradle 文件中，以使用该库：
dependencies {
implementation 'com.google.android.material:material:1.3.0'
}实现日期选择器
要实现日期选择器，可以使用 MaterialDatePicker 控件。以下是实现日期选择器的步骤：
- 创建一个 MaterialDatePicker.Builder 对象，并设置日期选择器的样式和日期范围。
MaterialDatePicker.Builder builder = MaterialDatePicker.Builder.datePicker();
builder.setTitleText("Select date");
builder.setSelection(Calendar.getInstance().getTimeInMillis());
MaterialDatePicker datePicker = builder.build();- 在需要显示日期选择器的地方，调用 datePicker.show() 方法。
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
datePicker.show(getSupportFragmentManager(), "DATE_PICKER");
}
});- 在选择日期后，可以使用 datePicker.addOnPositiveButtonClickListener() 方法来获取所选日期。
-- -------------------- ---- -------
----------------------------------------------- --------------------------------------------------- -
---------
------ ---- -------------------------- ---------- -
-------- -------- - -----------------------
------------------------------------
---------------- ---------- - --- ------------------------------ ---------------------
------ ---- - --------------------------------------
-----------------------
-
---完整代码示例：
-- -------------------- ---- -------
-------------------------- ------- - ----------------------------------------
---------------------------- -------
---------------------------------------------------------------
------------------ ---------- - ----------------
----------------------------- ---------------------- -
---------
------ ---- ------------ -- -
-------------------------------------------- ---------------
-
---
----------------------------------------------- --------------------------------------------------- -
---------
------ ---- -------------------------- ---------- -
-------- -------- - -----------------------
------------------------------------
---------------- ---------- - --- ------------------------------ ---------------------
------ ---- - --------------------------------------
-----------------------
-
---实现时间选择器
要实现时间选择器，可以使用 MaterialTimePicker 控件。以下是实现时间选择器的步骤：
- 创建一个 MaterialTimePicker 对象，并设置时间选择器的样式和时间范围。
MaterialTimePicker timePicker = new MaterialTimePicker.Builder()
.setTimeFormat(TimeFormat.CLOCK_24H)
.setHour(Calendar.getInstance().get(Calendar.HOUR_OF_DAY))
.setMinute(Calendar.getInstance().get(Calendar.MINUTE))
.setTitleText("Select time")
.build();- 在需要显示时间选择器的地方，调用 timePicker.show() 方法。
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
timePicker.show(getSupportFragmentManager(), "TIME_PICKER");
}
});- 在选择时间后，可以使用 timePicker.addOnPositiveButtonClickListener() 方法来获取所选时间。
-- -------------------- ---- -------
----------------------------------------------- ---------------------- -
---------
------ ---- ------------ -- -
--- ---- - ---------------------
--- ------ - -----------------------
------ ---- - ---------------------------------- ------------ ----- --------
-----------------------
-
---完整代码示例：
-- -------------------- ---- -------
------------------ ---------- - --- ----------------------------
------------------------------------
----------------------------------------------------------
-------------------------------------------------------
--------------------- ------
---------
----------------------------- ---------------------- -
---------
------ ---- ------------ -- -
-------------------------------------------- ---------------
-
---
----------------------------------------------- ---------------------- -
---------
------ ---- ------------ -- -
--- ---- - ---------------------
--- ------ - -----------------------
------ ---- - ---------------------------------- ------------ ----- --------
-----------------------
-
---结论
使用 Material Design 控件库可以轻松实现 Android 应用的日期选择器和时间选择器，并使应用程序的 UI 更加美观和易于使用。本文提供了实现日期选择器和时间选择器的步骤和示例代码，希望能对 Android 应用开发者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6741a0b6ed0ec550d721d7d3