在片段中创建日期选择器

Posted

技术标签:

【中文标题】在片段中创建日期选择器【英文标题】:Creating a date picker in a fragment 【发布时间】:2020-12-30 07:44:14 【问题描述】:

我刚开始学习 Kotlin,我目前的目标是在按下按钮后在片段中创建一个简单的日期选择器。

作为指导,我使用了示例,由android developer docs for pickers 显示。作为模板,我使用了底部导航标准模板。

我的问题: 根据示例,我创建了一个类DatePickerFragment。在返回行中,引用了一个需要上下文作为输入的方法。在示例中写入activity。我不知道要在这里实现什么才能使代码正常工作。

错误消息(参考 DatePickerFragment 类):

    'onCreateDialog' 不会覆盖任何内容 类型不匹配:推断类型是 FragmentActivity?但上下文是预期的

在下面我粘贴了一些代码。整个代码也可以在这里找到: https://github.com/andregreschat/DatePickerinFragmentTest

DatePickerFragment 类:

package de.datepickerinfragmenttest

import android.app.DatePickerDialog
import android.app.Dialog
import android.os.Bundle
import android.view.View
import android.widget.DatePicker
import androidx.fragment.app.DialogFragment
import java.util.*

class DatePickerFragment : DialogFragment(), DatePickerDialog.OnDateSetListener 

    override fun onCreateDialog(savedInstanceState: Bundle): Dialog 
        // Use the current date as the default date in the picker
        val c = Calendar.getInstance()
        val year = c.get(Calendar.YEAR)
        val month = c.get(Calendar.MONTH)
        val day = c.get(Calendar.DAY_OF_MONTH)

        // Create a new instance of DatePickerDialog and return it
        return DatePickerDialog(activity, this, year, month, day)
    

    override fun onDateSet(view: DatePicker, year: Int, month: Int, day: Int) 
        // Do something with the date chosen by the user


    

MainActivity

package de.datepickerinfragmenttest

import android.os.Bundle
import android.view.View
import com.google.android.material.bottomnavigation.BottomNavigationView
import androidx.appcompat.app.AppCompatActivity
import androidx.navigation.findNavController
import androidx.navigation.ui.AppBarConfiguration
import androidx.navigation.ui.setupActionBarWithNavController
import androidx.navigation.ui.setupWithNavController

class MainActivity : AppCompatActivity() 

    override fun onCreate(savedInstanceState: Bundle?) 
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val navView: BottomNavigationView = findViewById(R.id.nav_view)

        val navController = findNavController(R.id.nav_host_fragment)
        // Passing each menu ID as a set of Ids because each
        // menu should be considered as top level destinations.
        val appBarConfiguration = AppBarConfiguration(setOf(
                R.id.navigation_home, R.id.navigation_dashboard, R.id.navigation_notifications))
        setupActionBarWithNavController(navController, appBarConfiguration)
        navView.setupWithNavController(navController)

        fun showDatePickerDialog(v: View) 
            val newFragment = DatePickerFragment()
            newFragment.show(supportFragmentManager, "datePicker")
        

    



片段:

package de.datepickerinfragmenttest.ui.home

import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.TextView
import androidx.fragment.app.Fragment
import androidx.lifecycle.Observer
import androidx.lifecycle.ViewModelProviders
import de.datepickerinfragmenttest.DatePickerFragment
import de.datepickerinfragmenttest.R
import androidx.fragment.app.FragmentManager

class HomeFragment : Fragment() 

    private lateinit var homeViewModel: HomeViewModel

    override fun onCreateView(
            inflater: LayoutInflater,
            container: ViewGroup?,
            savedInstanceState: Bundle?
    ): View? 
        homeViewModel =
                ViewModelProviders.of(this).get(HomeViewModel::class.java)
        val root = inflater.inflate(R.layout.fragment_home, container, false)
        val textView: TextView = root.findViewById(R.id.text_home)
        homeViewModel.text.observe(viewLifecycleOwner, Observer 
            textView.text = it
        )
        return root
    

带有按钮的片段布局

    <?xml version="1.0" encoding="utf-8"?>
    <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_
        android:layout_
        tools:context=".ui.home.HomeFragment">

        <TextView
            android:id="@+id/text_home"
            android:layout_
            android:layout_
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:layout_marginEnd="8dp"
            android:textAlignment="center"
            android:textSize="20sp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <Button
            android:id="@+id/button"
            android:layout_
            android:layout_
            android:text="SetDate"
            app:layout_constraintBottom_toTopOf="@+id/text_home"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.5"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:onClick="showDatePickerDialog"/>
    </androidx.constraintlayout.widget.ConstraintLayout>

【问题讨论】:

执行代码时会发生什么?你得到什么错误? @cewaphi 错误消息(指 DatePickerFragment 类):1. 'onCreateDialog' 不覆盖任何内容 2. 类型不匹配:推断类型是 FragmentActivity?但上下文是预期的 在您的HomeFragment 中,我没有看到任何“showDatePickerDialog”方法。可以展示一下吗? 【参考方案1】:

我有点想知道您正在设置您的 navigation 组件,但是您并没有使用它来移动到您的 DialogFragment

在实例化对话框时,您可能需要调用另外 2 种方法(而不是 activity 属性)以获得所需的 Context

    requireContext() requireActivity()(如果您需要确保通过活动Context

【讨论】:

以上是关于在片段中创建日期选择器的主要内容,如果未能解决你的问题,请参考以下文章

如何在 tkinter 中创建日期选择器?

Android 日期选择器片段更改为微调器

日期选择器对话框在片段中不起作用[关闭]

如何学习创建日期选择器

如何在 iOS UItest 中选择本地化的日期选择器项目

SwiftUI - 日期选择器未正确显示