DialogFragment 中的 Kotlin 合成和自定义布局

Posted

技术标签:

【中文标题】DialogFragment 中的 Kotlin 合成和自定义布局【英文标题】:Kotlin synthetic and custom layout in DialogFragment 【发布时间】:2016-04-01 20:24:39 【问题描述】:

假设我有这个布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_
android:orientation="vertical">

<ImageButton
    android:id="@+id/add_dep_btn"
    android:layout_
    android:layout_
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_marginEnd="5dp"
    android:layout_marginRight="5dp"
    android:src="@android:drawable/ic_input_add" />

<EditText
    android:id="@+id/add_dep_text"
    android:layout_
    android:layout_
    android:layout_alignBottom="@id/add_dep_btn"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_alignTop="@id/add_dep_btn"
    android:layout_marginLeft="5dp"
    android:layout_marginStart="5dp"
    android:layout_toLeftOf="@id/add_dep_btn"
    android:layout_toStartOf="@id/add_dep_btn" />

<android.support.v7.widget.RecyclerView
    android:id="@+id/dep_list"
    android:layout_
    android:layout_
    android:layout_below="@id/add_dep_btn" />

<TextView
    android:id="@+id/empty_text"
    android:layout_
    android:layout_
    android:layout_below="@id/add_dep_text"
    android:layout_margin="20dp"
    android:gravity="center"
    android:text="@string/no_dep"
    android:textSize="22sp" />
</RelativeLayout>

我在 DialogFragment 中使用它:

class DepartmentChoiceDialog : DialogFragment() 
    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog 
        val builder = AlertDialog.Builder(activity)
        builder.setTitle(R.string.choose_or_create_dep)
            .setView(R.layout.department_chooser_dialog)
            .setNegativeButton(android.R.string.cancel,  d, i ->
                d.cancel()
            )
        return builder.create()
    

如果我使用合成来引用小部件:

override fun onActivityCreated(savedInstanceState: Bundle?) 
    super.onActivityCreated(savedInstanceState)
    dep_list.layoutManager = LinearLayoutManager(activity)
    dep_list.itemAnimator = DefaultItemAnimator()
    dep_list.setHasFixedSize(true)

我在运行时收到此错误:

java.lang.NullPointerException:尝试在空对象引用上调用虚拟方法 'android.view.View android.view.View.findViewById(int)' 在 MyDialog._$_findCachedViewById(DepartmentChoiceDialog.kt:0)

我不明白如何在 DialogFragment 案例中使用合成。它在 Fragment 和 Activity 中运行良好。

【问题讨论】:

在标题中是否应该更清楚地表明它是Android,以及实际问题是什么(目前是主题,但不是标题中的问题) 对于您的异常,拥有堆栈跟踪总是很有用的,并注意该跟踪与您提供的代码相交的位置。 【参考方案1】:

我找到了一种适用于自定义对话框的方法。

class ServerPickerDialogFragment: AppCompatDialogFragment() 

  // Save your custom view at the class level
  lateinit var customView: View;
  override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?,
                            savedInstanceState: Bundle?): View? 
  
       // Simply return the already inflated custom view
       return customView
  

  override fun onCreateDialog(savedInstanceState: Bundle?): Dialog 
      // Inflate your view here
      customView = context!!.layoutInflater.inflate(R.layout.dialog_server_picker, null) 
      // Create Alert Dialog with your custom view
      return AlertDialog.Builder(context!!)
             .setTitle(R.string.server_picker_dialog_title)
             .setView(customView)
             .setNegativeButton(android.R.string.cancel, null)
             .create()
  

  override fun onViewCreated(view: View, savedInstanceState: Bundle?) 
  
    super.onViewCreated(view, savedInstanceState)
    // Perform remaining operations here. No null issues.
    rbgSelectType.setOnCheckedChangeListener( _, checkedId ->
      if(checkedId == R.id.rbSelectFromList) 
             // XYZ
       else 
             // ABC
      
    )
  

【讨论】:

这个解决方案泄漏,例如在旋转时,所以最好在 onDestroyView 中添加 customView = null 如果同时覆盖 onCreateDialogonCreateView,则 DialogFragment 可能会因 AndroidRuntimeException: requestFeature() must be called before adding content 而崩溃。至少 API 23 会发生这种情况,但其他一些 API 和情况可能会发生这种情况。见***.com/a/21734372/5035991。更安全的解决方案是仅覆盖 onCreateDialog,将视图设置为对话框并将其存储在 DialogFragment 中,然后在视图上调用合成功能:this.dialogView.my_text_view.text = "..."【参考方案2】:

默认情况下似乎不支持此功能,但我找到了最简单的方法来做到这一点。在基础对话框类中:

protected abstract val containerView: View

override fun getView() = containerView

在子类中:

override val containerView by unsafeLazy 
    View.inflate(context, R.layout.dialog_team_details, null) as ViewGroup

然后您可以像往常一样使用合成视图,并使用containerView 作为对话框的视图。

【讨论】:

最干净的解决方案。只是一个小问题。当您保存对视图的引用或 Android 会处理此问题时,此设置是否会导致内存泄漏? 我使用 Leak Canary 并没有发现任何问题。另外,想想看,内存泄漏是没有意义的,因为视图与上下文类的实例相关联,并且会在配置更改中随之消失。 [为纯粹的独创性而投票] 它确实有效。但在我的情况下(DialogFragment 中的通用对话框),我遇到了一个奇怪的副作用:不知何故,一个未指定的主题被应用到了视图上,我看到了白色背景上的白色文本!【参考方案3】:

上一个答案将不起作用,因为使用 onCreateDialog 时不会调用 onViewCreated。你应该先导入kotlinx...department_chooser_dialog.view.dep_list,然后按如下方式使用:

import kotlinx.android.synthetic.main.department_chooser_dialog.view.dep_list
...
class DepartmentChoiceDialog : DialogFragment() 
    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog 
        val builder = AlertDialog.Builder(activity)
        val dialog = inflater.inflate(R.layout.department_chooser_dialog, null)
        dialog.dep_list.layoutManager = LinearLayoutManager(activity)
        dialog.dep_list.itemAnimator = DefaultItemAnimator()
        dialog.dep_list.setHasFixedSize(true)
        builder.setTitle(R.string.choose_or_create_dep)
               .setView(dialog)
                    ...

【讨论】:

【参考方案4】:

更改为 onCreateView 实现

override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? 
    return inflater.inflate(R.layout.department_chooser_dialog, container, false)

并在 department_chooser_dialog

中使用自定义标题(TextView)和取消(按钮)

onActivityCreated 将在 onCreateView 之后运行并且会很好。

override fun onActivityCreated(savedInstanceState: Bundle?) 
    super.onActivityCreated(savedInstanceState)
    dep_list.layoutManager = LinearLayoutManager(activity)
    dep_list.itemAnimator = DefaultItemAnimator()
    dep_list.setHasFixedSize(true)

【讨论】:

【参考方案5】:

所以我不确定这是否已经解决......我只是遇到了这个。如果您有自定义对话框视图,请创建一个扩展 DialogFragment 的类并使用“对话框”对象在布局中导入视图。在撰写本文时,我使用的是 Android Studio 3.1.3Kotlin version 1.2.41

import kotlinx.android.synthetic.main.your_custom_layout.*

class SelectCountryBottomSheet : BottomSheetDialogFragment() 

  override fun onCreateDialog(savedInstanceState: Bundle?): Dialog 
      val dialog = super.onCreateDialog(savedInstanceState) as BottomSheetDialog
      dialog.setContentView(R.layout.your_custom_layout)
      dialog.some_custom_close_button.setOnClickListener  dismiss() 
      return dialog
  

【讨论】:

【参考方案6】:

因为默认view的值来自fragment(kotlin generate method _$_findCachedViewById),但是如果我们从dialog创建View,会导致fragment view为null,所以不能直接使用default xxx,但是可以使用dialog。 xxx替换默认xxx

【讨论】:

【参考方案7】:

setContentView 在 OnActivityCreated 调用中。所以通过一组合成的控件来监控事件需要在这里调用:

override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? 
    return inflater.inflate(R.layout.layout_email_ga_code, container)


override fun onCreate(savedInstanceState: Bundle?) 
    super.onCreate(savedInstanceState)


override fun onActivityCreated(savedInstanceState: Bundle?) 
    dialog?.window?.requestFeature(Window.FEATURE_NO_TITLE)
    super.onActivityCreated(savedInstanceState)
    dialog?.window?.setLayout(WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.MATCH_PARENT)

    btn_back?.setOnClickListener 
        mOnClickListener?.onClickCancel()
        dismiss()
    

它奏效了。

【讨论】:

【参考方案8】:

块引用

片段中的 kotlin 代码如下:

override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? 
    return inflater.inflate(R.layout.your_layout, container, false).apply 
        mContentView = this
        button1.setOnClickListener  
            //do something
        
    

反编译字节码后,可以看到合成属性的实现:

((Button)this._$_findCachedViewById(id.button1))

还有_$_findCachedViewById 方法:

public View _$_findCachedViewById(int var1) 
  if (this._$_findViewCache == null) 
     this._$_findViewCache = new HashMap();
  

  View var2 = (View)this._$_findViewCache.get(var1);
  if (var2 == null) 
     View var10000 = this.getView();
     if (var10000 == null) 
        return null;
     

     var2 = var10000.findViewById(var1);
     this._$_findViewCache.put(var1, var2);
  

  return var2;

所以魔法就是this.getView()Fragment.mView 属性是在Fragment.onCreateView(inflater, container, savedInstanceState) 之后赋值的,如果在 onCreateView() 方法中使用 Kotlin Synthetic Properties,就会出现 NPE。来自FragmentManager.moveToState()的代码:

case Fragment.CREATED:
    ...
    f.mView = f.performCreateView(f.performGetLayoutInflater(
                                f.mSavedFragmentState), container, 
    f.mSavedFragmentState);
    ...

要修复 NPE,请确保 getView 方法返回非空视图。

private var mContentView: View? = null
override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? 
    return inflater.inflate(R.layout.your_layout, container, false).apply 
        mContentView = this
    

override fun getView(): View? 
    return mContentView

onDestroyView() 生命周期回调中,将mContentView 设置为null。

override fun onDestroyView() 
    super.onDestroyView()
    mContentView = null

【讨论】:

【参考方案9】:

将您的代码从onActivityCreated 移动到onViewCreated 方法。 像这样:

import kotlinx.android.synthetic.main.department_chooser_dialog.dep_list

override fun onViewCreated(view: View?, savedInstanceState: Bundle?) 
    super.onViewCreated(view, savedInstanceState)
    dep_list.apply 
        layoutManager = LinearLayoutManager(activity)
        itemAnimator = DefaultItemAnimator()
        setHasFixedSize(true)
    

我实际上并没有深入研究生成的代码,可能存在错误。

【讨论】:

在我的情况下,onViewCreated 根本没有被调用,所以这没有帮助。 onViewCreated 很遗憾没有在 DialogFragment 上调用 实际上@JulianSuarez onViewCreated 似乎确实被调用了,至少在 AppCompatDialogFragment 上【参考方案10】:

可以通过您在onCreateDialog 中扩展的视图访问这些视图。因此,如果您将视图保存在变量 (rootView) 中,您可以从 YourDialogFragment 中的任何方法访问视图。

// ...
import kotlinx.android.synthetic.main.your_layout.view.*

class YourDialogFragment : DialogFragment() 

    private lateinit var rootView: View

    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog 

        rootView = activity.layoutInflater.inflate(R.layout.your_layout, null as ViewGroup?)

        rootView.someTextView.text = "Hello" // works
    

【讨论】:

以上是关于DialogFragment 中的 Kotlin 合成和自定义布局的主要内容,如果未能解决你的问题,请参考以下文章

DialogFragment 中的 Kotlin 合成和自定义布局

Recycler View 和 DialogFragment 苦苦挣扎(Kotlin)

Android Jectpack-ViewBinding 实践(kotlin实现)

Android中的全屏DialogFragment

在 Kotlin 中调整对话框片段的大小

自定义DialogFragment中的Tablayout不显示选项卡文本和图标