How to pass data variable to included layout?

Question

Is there a way to pass data variable to included layout?

parent layout

<?xml version="1.0" encoding="utf-8"?>
<layout 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"
    tools:showIn="@layout/fragment_settings">

    <data>

        <variable
            name="viewModel"
            type="......settings.SettingsFragmentViewModel" />
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:animateLayoutChanges="true"
        android:overScrollMode="never"
        android:padding="@dimen/spacing_default">

        <include
            android:id="@+id/main"
            layout="@layout/layout_settings_main" />

    </androidx.constraintlayout.widget.ConstraintLayout>

and want to have viewModel in included layout

<layout 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"
    tools:showIn="@layout/fragment_settings">

    <data>

        <variable
            name="viewModel"
            type="......settings.SettingsFragmentViewModel" />
    </data>

    <merge>
...........

or is it possible only when setting like this:

 binding = FragmentSettingsBinding.inflate(inflater, container, false).apply {
            lifecycleOwner = this@SettingsFragment
            viewModel = [email protected]
            main.viewModel = [email protected]
        }

Abu Yousuf · Accepted Answer · 2019-10-03 08:24:03Z

15

In parent xml inside include tag pass data variable to included layout using bind:viewModel.

<?xml version="1.0" encoding="utf-8"?>
<layout 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"
xmlns:bind="http://schemas.android.com/apk/res-auto"
tools:showIn="@layout/fragment_settings">

<data>

    <variable
        name="viewModel"
        type="......settings.SettingsFragmentViewModel" />
</data>

<androidx.constraintlayout.widget.ConstraintLayout
    android:id="@+id/content"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:animateLayoutChanges="true"
    android:overScrollMode="never"
    android:padding="@dimen/spacing_default">

    <include
        android:id="@+id/main"
        layout="@layout/layout_settings_main"
        bind:viewModel="@{viewModel}" />

</androidx.constraintlayout.widget.ConstraintLayout>

Your included layout will get object instance in viewModel.

For more details check this tutorial

answered Oct 3, 2019 at 8:24

Abu Yousuf

6,1724 gold badges36 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Astha Garg Over a year ago

What is the difference if I use app:ViewModel or bind:viewModel?

ngdathd · Accepted Answer · 2019-10-03 08:39:34Z

0

Open build.grade and add dataBinding { enabled = true } in block android{ // ...}

answered Oct 3, 2019 at 8:39

ngdathd

234 bronze badges

2 Comments

Antonis Radz Over a year ago

databinding is already working. Please read the question first

ngdathd Over a year ago

I thought databinding isn't already working because don't see your config in file build.grade. Sorry :(

Wai Ha Lee · Accepted Answer · 2019-10-03 14:06:53Z

0

Ok so, at the beginning of this article I’ve said that it depends whether it’s possible to pass the variable to a secondary layout or not. The reason for this is the following: Data binding does not support include as a direct child of a merge element. For example, the following layout is not supported:

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:bind="http://schemas.android.com/apk/res-auto">
   <data>
       <variable name="user" type="it.communikein.myunimib.User"/>
   </data>
   <merge>
       <include layout="@layout/name"
           bind:user="@{user}"/>
       <include layout="@layout/contact"
           bind:user="@{user}"/>
   </merge>
</layout>

edited Oct 3, 2019 at 14:06

Wai Ha Lee

8,856102 gold badges61 silver badges100 bronze badges

answered Oct 3, 2019 at 8:20

bugfreerammohan

1,4851 gold badge9 silver badges22 bronze badges

2 Comments

Antonis Radz Over a year ago

and what is supported?

bugfreerammohan Over a year ago

The <data> tag includes a <variable> tag that has the same name that we used in the main layout to pass the data to the secondary layout: secondary user. Also, it has the same type of variable declared in the main layout.

Collectives™ on Stack Overflow

How to pass data variable to included layout?

3 Answers 3

1 Comment

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related