android - 使用 Kotlin 中的自定义布局查看 DialogFragment 中的绑定(bind)

Question

我喜欢使用 Kotlin synthetic，因为它的简单性和代码优雅，但现在他们将其贬低并迫使您使用那些丑陋的 View 绑定(bind)。

关于如何在 Activites 和 Fragments 中使用它有很多答案，但找不到任何自定义布局警报对话框的示例。

这是与 Kontlin synthetic 完美配合的代码。

import kotlinx.android.synthetic.main.dialog_reward.*

class RewardDialog: DialogFragment() {
    private var mView: View? = null

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return mView
    }
    
    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
        return activity?.let {
            mView = it.layoutInflater.inflate(R.layout.dialog_reward, null)
            AlertDialog.Builder(it).apply {
                setView(mView)
            }.create()
        } ?: throw IllegalStateException("Activity cannot be null")
    }
    
    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        
        //reference layout elements by name freely
        
    }
    
    override fun onDestroyView() {
        super.onDestroyView()
        mView = null
    }
}

我如何将其迁移到 View 绑定(bind)？

Answer 1

您可以在这里简单地使用生成的 ViewBinding View ，而不使用 onCreateDialog

@AndroidEntryPoint
class RewardDialog : DialogFragment() {
private var binding: DialogRewardBinding by autoCleared()

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setStyle(STYLE_NORMAL, R.style.Theme_MaterialComponents_Light_Dialog_MinWidth)
}

override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View {
    binding = DialogRewardBinding.inflate(inflater, container, false)
    return binding.root
}

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    //reference layout elements by name freely
    binding.tvReward.setOnClickListener { }
   }

}

autoCleared() 是一个扩展函数，它将清空 onDestroy() 中取自 google's architecture component sample here 的所有 View 。

您可以在 onCreate() 中设置 R.style.Theme_MaterialComponents_Light_Dialog_MinWidth 主题，以便 DialogFragment 在不同的屏幕尺寸上遵循 Material Compnent 主题中定义的 minWidth 就像 警报对话框

编辑:

如果您不使用 Material 组件库，则可以使用 Kotlin 扩展在 onViewCreated() 中设置宽度。

 setWidthPercent(ResourcesCompat.getFloat(resources, R.dimen.dialogWidthPercent).toInt())

Kotlin 扩展函数

fun DialogFragment.setWidthPercent(percentage: Int) {
val percent = percentage.toFloat() / 100
val displayMetrics = Resources.getSystem().displayMetrics
val rect = displayMetrics.run { Rect(0, 0, widthPixels, heightPixels) }
val percentWidth = rect.width() * percent
dialog?.window?.setLayout(percentWidth.toInt(), ViewGroup.LayoutParams.WRAP_CONTENT)

}