web-dev-qa-db-ja.com

DialogFragmentでのKotlin合成およびカスタムレイアウト

私がこのレイアウトを持っているとしましょう：

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

<ImageButton
    Android:id="@+id/add_dep_btn"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    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_width="wrap_content"
    Android:layout_height="wrap_content"
    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_width="match_parent"
    Android:layout_height="wrap_content"
    Android:layout_below="@id/add_dep_btn" />

<TextView
    Android:id="@+id/empty_text"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    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：MyDialog ._ $ _ findCachedViewById（DepartmentChoiceDialog.kt：0）のnullオブジェクト参照で仮想メソッド 'Android.view.View Android.view.View.findViewById（int）'を呼び出そうとしました

DialogFragmentのケースで合成を使用する方法がわかりません。フラグメントとアクティビティでうまく機能します。

androidkotlinkotlin-android-extensions
25
Geob-o-matic

カスタムダイアログで機能する方法を見つけました。

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
      }
    })
  }
}
12
Sabaat Ahmad

これはまだデフォルトではサポートされていないようですが、これを行う最も簡単な方法は次のようになっています。基本ダイアログクラス：

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をダイアログのビューとして使用できます。

7
SUPERCILEX

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）とキャンセル（Button）を使用します

onActivityCreated onCreateViewの後に実行され、問題なく動作します。

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

だから、これが解決されたかどうかはわかりません...私はこれに遭遇しました。カスタムダイアログビューがある場合は、DialogFragmentを拡張するクラスを作成し、「ダイアログ」オブジェクトを使用してレイアウトにビューをインポートします。執筆時点では、Android Studio 3.1.3とKotlin 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
  }
}
4
Aceofspadez44

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)
                    ...
2
Andrey Koretskyy

Fragment（kotlin generate method _ $ _ findCachedViewById）からのデフォルトビューの値ですが、ダイアログからビューを作成すると、フラグメントビューがnullになるため、デフォルトのxxxを直接使用することはできませんが、dialog.xxxを使用してデフォルトを置き換えることができますxxx

1
act262

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()
    }
}

そしてそれはうまくいった。

1
XuesongZhang

コードを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)
    }
}

実際には、生成されたコードの詳細は調べていません。バグがあるかもしれません。

1
Ferenc Boldog

次のようなフラグメントの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_ method：

_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プロパティを使用すると、NPEが発生します。 FragmentManager.moveToState()からのコード：

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

NPEを修正するには、getViewメソッドがnull以外のビューを返すことを確認してください。

_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()
    mView = null
}
_
0
ggaier