質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.21%

dialog 内で recyclerView を表示したい

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 323

Aki_1988

score 40

実現したいこと

以下のような datepicker を独自実装したいと考えています。
※日付部分を recyclerView で実装。

イメージ説明

発生している問題

dialog 内で recyclerView のデータを表示させることができない。

イメージ説明

該当のソースコード

ダイアログの生成 / CalenderDialogFragment

class CalenderDialogFragment:DialogFragment(){

    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
        var builder = AlertDialog.Builder(activity)
        builder.setView(R.layout.fragment_dialog_calender)
        return builder.create()
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        var dateList = arrayListOf<String>("1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1")
        date_list_in_calender.layoutManager = GridLayoutManager(activity,7)
        date_list_in_calender.adapter = CalnderListAdapter(dateList)
    }
}

RceclerView の Adapter を設定 / CalnderListAdapter

class CalnderListAdapter(private val dataset : ArrayList<String>): RecyclerView.Adapter<CalnderListAdapter.ViewHolder>(){

    class ViewHolder(var view: View): RecyclerView.ViewHolder(view){
        var date = view.calender_item_date
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        val view:View = LayoutInflater.from(parent.context)
            .inflate(R.layout.list_item_calender, parent, false)
        return ViewHolder(view)
    }

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        holder.date.text = dataset[position]
    }

    override fun getItemCount() = dataset.size
}

RecyclerView の レイアウト / fragment_dialog_calender.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.LinearLayoutCompat
        xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    <androidx.appcompat.widget.LinearLayoutCompat
            android:layout_width="wrap_content"
            android:layout_height="48dp"
            android:layout_marginTop="8dp"
            android:orientation="horizontal"
            android:gravity="center"
            android:layout_gravity="center">

        <androidx.appcompat.widget.AppCompatImageButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="4dp"
                android:layout_marginRight="32dp"
                android:background="@android:color/transparent"
                android:tint="@color/colorGS01_Black"
                android:src="@drawable/ic_chevron_left_24dp"/>

        <androidx.appcompat.widget.AppCompatTextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="2019年1月"
                android:textSize="16sp"
                android:textColor="@color/colorGS01_Black"/>

        <androidx.appcompat.widget.AppCompatImageButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="4dp"
                android:layout_marginLeft="32dp"
                android:background="@android:color/transparent"
                android:tint="@color/colorGS01_Black"
                android:src="@drawable/ic_chevron_right_24dp"/>
    </androidx.appcompat.widget.LinearLayoutCompat>

    <androidx.appcompat.widget.LinearLayoutCompat
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_gravity="center">

        <androidx.appcompat.widget.AppCompatTextView
                android:layout_width="0dp"
                android:layout_height="48dp"
                android:layout_weight="1"
                android:gravity="center"
                android:text="月"
                android:textSize="14sp"
                android:textColor="@color/colorGS03_Grey"/>

        <androidx.appcompat.widget.AppCompatTextView
                android:layout_width="0dp"
                android:layout_height="48dp"
                android:layout_weight="1"
                android:gravity="center"
                android:text="火"
                android:textSize="14sp"
                android:textColor="@color/colorGS03_Grey"/>

        <androidx.appcompat.widget.AppCompatTextView
                android:layout_width="0dp"
                android:layout_height="48dp"
                android:layout_weight="1"
                android:gravity="center"
                android:text="水"
                android:textSize="14sp"
                android:textColor="@color/colorGS03_Grey"/>

        <androidx.appcompat.widget.AppCompatTextView
                android:layout_width="0dp"
                android:layout_height="48dp"
                android:layout_weight="1"
                android:gravity="center"
                android:text="木"
                android:textSize="14sp"
                android:textColor="@color/colorGS03_Grey"/>

        <androidx.appcompat.widget.AppCompatTextView
                android:layout_width="0dp"
                android:layout_height="48dp"
                android:layout_weight="1"
                android:gravity="center"
                android:text="金"
                android:textSize="14sp"
                android:textColor="@color/colorGS03_Grey"/>

        <androidx.appcompat.widget.AppCompatTextView
                android:layout_width="0dp"
                android:layout_height="48dp"
                android:layout_weight="1"
                android:gravity="center"
                android:text="土"
                android:textSize="14sp"
                android:textColor="@color/colorGS03_Grey"/>

        <androidx.appcompat.widget.AppCompatTextView
                android:layout_width="0dp"
                android:layout_height="48dp"
                android:layout_weight="1"
                android:gravity="center"
                android:text="日"
                android:textSize="14sp"
                android:textColor="@color/colorGS03_Grey"/>

    </androidx.appcompat.widget.LinearLayoutCompat>

    <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/date_list_in_calender"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

    </androidx.recyclerview.widget.RecyclerView>
</androidx.appcompat.widget.LinearLayoutCompat>

RecyclerView のリストレイアウト / list_item_calender

<?xml version="1.0" encoding="utf-8"?>
<androidx.appcompat.widget.LinearLayoutCompat
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

    <androidx.appcompat.widget.LinearLayoutCompat
            android:layout_width="0dp"
            android:layout_height="48dp"
            android:layout_weight="1"
            android:orientation="horizontal"
            android:gravity="center">

        <androidx.appcompat.widget.AppCompatTextView
                android:id="@+id/calender_item_date"
                android:layout_width="36dp"
                android:layout_height="36dp"
                android:background="@drawable/bg_circle"
                android:backgroundTint="@color/colorGS06_White"
                android:gravity="center"
                android:layout_gravity="center"
                android:textSize="14sp"
                android:textColor="@color/colorGS01_Black"
                android:text="1"/>

    </androidx.appcompat.widget.LinearLayoutCompat>

</androidx.appcompat.widget.LinearLayoutCompat>

補足

プログラミング初心者なので、情報不足や検討違いな箇所があるかと思いますが、どうぞよろしくお願いします。
必要な情報がかけている場合、追記いたします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • kakajika

    2019/02/27 22:03

    レイアウトの問題の可能性が高いので、レイアウトファイルの内容を載せていただいた方がいいと思います。

    キャンセル

  • Aki_1988

    2019/02/27 22:56

    ご指摘ありがとうございます!
    追記してみました。文字数制限かかったので、XML 内の関係の低そうな箇所は記載しておりません。
    具体的には fragment_dialog_calender の chip 系 UI です。

    キャンセル

回答 1

checkベストアンサー

+1

すみません、よく読んでみたらプログラム側の問題でしたね。

FragmentのonViewCreatedメソッドは、onCreateViewメソッドにて何らかのViewを返すようにしていなければ呼ばれません。なので、以下のどちらかの方法で修正してみてください。

1. onCreateViewメソッドを実装する

onViewCreatedが呼ばれるようになりますが、onCreateDialogとの併用はできないのでご注意ください。

class CalenderDialogFragment : DialogFragment() {
    override fun onCreateView(savedInstanceState: Bundle?): Dialog {
        return inflater.inflate(R.layout.fragment_dialog_calender, container, false)
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        ...
    }
}

2. onCreateDialogの中でViewの生成含めすべての処理を行う

class CalenderDialogFragment : DialogFragment() {
    override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
        var builder = AlertDialog.Builder(activity)
        val view = activity.layoutInflater.inflate(R.layout.fragment_dialog_calender, null, false)

        val dateList = arrayListOf<String>("1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1","1")
        view.date_list_in_calender.layoutManager = GridLayoutManager(activity,7)
        view.date_list_in_calender.adapter = CalnderListAdapter(dateList)

        builder.setView(view)
        return builder.create()
    }
}

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/02/28 18:08 編集

    回答ありがとうございます!
    onCreateDialogの中でViewの生成含めすべての処理を行う、で意図した動作になりました!

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.21%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる