Advertisement

android 日期选择器_如何使用Android的新物料日期/日期范围选择器

阅读量:

android 日期选择器

大家好,最近发布的新组件MaterialDatePicker确实是一个非常有用的工具。它完全符合材料设计准则(https://material.io/components/pickers/#usage)。这个新组件的一个独特功能是允许您轻松选择日期范围——无需像传统方式那样分别选择一个'从'和一个'到'日期。换句话说,在这种情况下您只需要点击一次即可完成日期选择:它可以作为DatePicker或是DateRangePicker使用。我对这一新功能感到非常兴奋,并希望将其应用在我的项目更新中以改善用户体验。可惜的是,在我的项目中我并没有找到任何关于如何使用这个新组件的教程或示例指导。因此我决定制作一个简短的文章来概述它的使用步骤:由于其操作十分简便所以我预计这篇文章会相当简短


第一步是预先配置路径设置。由此可见,在AndroidManifest.xml中对应位置插入代码块。

复制代码
    implementation'com.google.android.material:material:1.2.0-alpha03'

当前发布版本为**'1.2.0-alpha03'**。您可以访问该链接即可获取到 latest release version

现在必须初始化或配置一个生成器该有两种不同的实现方案具体取决于所需使用的MaterialDatePicker类型如果您希望选择单一日期则请确保只选择一个日期建议您按照以下步骤进行操作

复制代码
 //Date Picker

    
 val builder = MaterialDatePicker.Builder.datePicker()

看起来像这样:

如果需要MaterialDatePicker,则可使用它来设置日期范围,例如。

复制代码
 //Date Range Picker

    
 val builder = MaterialDatePicker.Builder.dateRangePicker()
  1. 当下是时候搭建筛选系统了。不论采用何种构建工具,您都可以通过以下途径来构建。
复制代码
    val picker = builder.build()

为了显示选择器,我们调用:

复制代码
    picker.show(supportFragmentManager, picker.toString())

立即行动!然而,在这一操作中可能会出现意外情况。请立即执行以下步骤。

建议针对不同场景配置三个监听器,在处理对话框取消事件时进行设置。

复制代码
 picker.addOnCancelListener {

    
    Log.d("DatePicker Activity" , "Dialog was cancelled" )
    
   }

现在,我们处理场景,单击对话框的否定按钮:

复制代码
 picker.addOnNegativeButtonClickListener {

    
  Log.d("DatePicker Activity" , "Dialog Negative Button was clicked" ) 
    
  }

为了适应成功运营的需求,在此之前我们需要采取相应的措施

复制代码
 picker.addOnPositiveButtonClickListener {

    
 Log.d("DatePicker Activity" , "Date String = ${picker.headerText} :: Date epoch value = ${it} " )
    
 }

在日期范围选择器被使用的情况下,在使用场景中,在该功能被调用的时候,在日期范围选择器触发操作的时候,在该操作被执行的过程中,在该过程被启动的过程中,在执行该操作的时候,在该事件发生的过程中,在时间戳被传递给系统的时候

具体来说

复制代码
 picker.addOnPositiveButtonClickListener {

    
  Log.d("DatePicker Activity" , "Date String = ${picker.headerText} ::  Date epoch values:: ${it.first} :: to :: ${it.second} " )
    
 }

各位读者朋友,感谢您抽出时间来阅读这篇内容。在深入探讨的过程中, 我希望我们能够对这个特别吸引人的新功能进行更加深入的了解. 如您有任何建议或意见, 请随时提出

翻译自: https://hackernoon.com/how-to-use-new-material-datedaterange-picker-for-android-3o3q32mj

android 日期选择器

全部评论 (0)

还没有任何评论哟~