フラグメントでデータバインディングを使用する方法


182

私は公式のGoogleドキュメントhttps://developer.android.com/tools/data-binding/guide.htmlからのデータバインディングの例に従っています

アクティビティではなくフラグメントにデータ入札を適用しようとしていることを除いて。

コンパイル時に私が現在得ているエラーは

Error:(37, 27) No resource type specified (at 'text' with value '@{marsdata.martianSols}.

onCreate フラグメントは次のようになります:

@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    MartianDataBinding binding = MartianDataBinding.inflate(getActivity().getLayoutInflater());
    binding.setMarsdata(this);
}

onCreateView フラグメントは次のようになります:

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    return inflater.inflate(R.layout.martian_data, container, false);
}

フラグメントのレイアウトファイルの一部は次のようになります。

<?xml version="1.0" encoding="utf-8"?>

<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="marsdata"
            type="uk.co.darkruby.app.myapp.MarsDataProvider" />
    </data>
...

        <TextView
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:text="@{marsdata.martianSols}"
        />

    </RelativeLayout>
</layout>

私の疑いは、MartianDataBindingそれがバインドされるはずのレイアウトファイルを知らないことです-したがってエラーです。助言がありますか?

回答:


354

データバインディングの実装がでなければなりませんonCreateViewあなたのそれが存在バインディング任意のデータ削除、フラグメントの方法OnCreate方法を、あなたonCreateViewのようになります。

public View onCreateView(LayoutInflater inflater, 
                         @Nullable ViewGroup container, 
                         @Nullable Bundle savedInstanceState) {
    MartianDataBinding binding = DataBindingUtil.inflate(
            inflater, R.layout.martian_data, container, false);
    View view = binding.getRoot();
    //here data must be an instance of the class MarsDataProvider
    binding.setMarsdata(data);
    return view;
}

Bindingクラスを生成するには、superへの呼び出しを追加する必要がありました。
joey_g216 16

3
私はこの問題に何時間も苦労しています。問題は、間違ったビューを返したことです。+1
TharakaNirmana 2017年

1
View view = binding.getRoot(); 私はこれに長い間行き詰まっているので、developer.android.comでそれに関するドキュメントを見つけることができなかったので合法的にかなり動揺しています...問題を解決しました。ありがとうございました!
Victor Ude 2018年

1
LiveDataとViewModelを使用している場合は、必ずこの回答を読んでください。
Big McLargeHuge

1
setMarsdata()とは何ですか?ここではsetViewModel()を使用すると思いますか?
suv

59

実際にinflateは、DataBindingUtilではなく、生成されたBindingのメソッドを使用することをお勧めします。

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    MainFragmentBinding binding = MainFragmentBinding.inflate(inflater, container, false);
    //set variables in Binding
    return binding.getRoot();
}

DataBindingUtil.inflate()のドキュメント

このバージョンは、layoutIdが事前に不明な場合にのみ使用してください。それ以外の場合は、生成されたBindingのinflateメソッドを使用して、タイプセーフなインフレーションを保証します。


残念ながら、これはcannot be resolved to a typeビルドのエラーで私を殺しています。それは私の意見では信頼できません。最初に行ってDataBindingUtil.inflate(inflater, R.layout.fragment_camera, container, false);からに変更するFragmentCameraBinding.inflate(inflater, container, false);と機能しますが、再構築後に再びエラーが発生します。
Alex Burdusel 2017年

よく働く。実際には、生成されたバインディングファイルから自動的に選択するため、レイアウトres id(以前は疑問に思っていました)を指定する必要はありません。
eC Droid 2017

2
この例では、フラグメントレイアウトID(R.layout.fragment_など)をどこに設定しますか?
レーニンラージラジャセカラン

これは受け入れられる答えになるはずです。レイアウト生成されたバインディングの代わりに使用することをお勧めしますDataBindingUtil.inflate
mochadwi

@LeninRajRajasekaranレイアウトIDは、MainFragmentBindingクラスの使用を通じて暗示されます。そのクラスはレイアウトファイルから生成されるため、目的のレイアウトが自動的に適用されます。
Emil S.

19

他の答えでもうまくいくかもしれませんが、私は最善のアプローチを教えてください。

AndroidドキュメントでBinding class's inflate推奨されているとおりに使用します。

1つのオプションは、インフレートするDataBindingUtil ことですが、あなただけがバインディングクラスを生成したことがわからない場合

-自動生成されましたbinding class。を使用する代わりに、そのクラスを使用してくださいDataBindingUtil

Javaで

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    HomeFragmentBinding binding = HomeFragmentBinding.inflate(inflater, container, false);
    //set binding variables here
    return binding.getRoot();
}

コトリンで

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

DataBindingUtilのクラスのドキュメントを確認できます。

膨らませる

T inflate (LayoutInflater inflater, 
                int layoutId, 
                ViewGroup parent, 
                boolean attachToParent)

このバージョンは、layoutIdが事前に不明な場合にのみ使用してください。それ以外の場合は、生成されたBindingのinflateメソッドを使用して、タイプセーフなインフレーションを保証します。

レイアウトbinidingクラスが生成されない場合は、@ この回答を参照してください


を唯一の引数としてinflate取るメソッドを使用しないのはなぜLayoutInflaterですか?
フロリアンワルサー

@FlorianWaltherなしで動作しViewGroup containerますか?
ケムラジ

さて、このコメントをいつ書いたかはわかりませんでした。しかし、私はここにいくつかの良い答えを得た:stackoverflow.com/questions/61571381/...
フロリアン・ヴァルター

1
@FlorianWalther大丈夫、私は答えを読みました、それcontainerはが必要なときに必要attachToRootですtrue
ケムラジ

16

ViewModelLiveDataを使用している場合、これは十分な構文です

Kotlin構文:

override fun onCreateView(
    inflater: LayoutInflater,
    container: ViewGroup?,
    savedInstanceState: Bundle?
): View? {
    return MartianDataBinding.inflate(
        inflater,
        container,
        false
    ).apply {
        lifecycleOwner = viewLifecycleOwner
        vm = viewModel    // Attach your view model here
    }.root
}

10

これをAndroid DataBindingで試してください

FragmentMainBinding binding;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        binding = DataBindingUtil.inflate(inflater, R.layout.fragment_main, container, false);
        View rootView = binding.getRoot();
        initInstances(savedInstanceState);
        return rootView;
}

7

以下に述べるように、ビューオブジェクトを簡単に取得できます

public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

View view = DataBindingUtil.inflate(inflater, R.layout.layout_file, container, false).getRoot();

return view;

}

7

Kotlin構文:

lateinit var binding: MartianDataBinding
override fun onCreateView(inflater: LayoutInflater?, container: ViewGroup?, savedInstanceState: Bundle?): View? {
    binding = DataBindingUtil.inflate(inflater, R.layout.martian_data, container, false)
    return binding.root
}

7

ほとんどが言っているが、セットに忘れていけないのと同じようにLifeCycleOwnerの
Javaでサンプル すなわち

public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
    super.onCreateView(inflater, container, savedInstanceState);
    BindingClass binding = DataBindingUtil.inflate(inflater, R.layout.fragment_layout, container, false);
    ModelClass model = ViewModelProviders.of(getActivity()).get(ViewModelClass.class);
    binding.setLifecycleOwner(getActivity());
    binding.setViewmodelclass(model);

    //Your codes here

    return binding.getRoot();
}

5

私のコードで働いています。

private FragmentSampleBinding dataBiding;
private SampleListAdapter mAdapter;

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    super.onCreateView(inflater, container, savedInstanceState);
    dataBiding = DataBindingUtil.inflate(inflater, R.layout.fragment_sample, null, false);
    return mView = dataBiding.getRoot();
}

5

データバインディングフラグメントの完全な例

FragmentMyProgramsBindingは、res / layout / fragment_my_programs用に生成されたバインディングクラスです。

public class MyPrograms extends Fragment {
    FragmentMyProgramsBinding fragmentMyProgramsBinding;

    public MyPrograms() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
    FragmentMyProgramsBinding    fragmentMyProgramsBinding = DataBindingUtil.inflate(inflater, R
                .layout.fragment_my_programs, container, false);
        return fragmentMyProgramsBinding.getRoot();
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);

    }
}

2

データバインディングに関する非常に役立つブログ:https : //link.medium.com/HQY2VizKO1

class FragmentBinding<out T : ViewDataBinding>(
    @LayoutRes private val resId: Int
) : ReadOnlyProperty<Fragment, T> {

    private var binding: T? = null

    override operator fun getValue(
        thisRef: Fragment,
        property: KProperty<*>
    ): T = binding ?: createBinding(thisRef).also { binding = it }

    private fun createBinding(
        activity: Fragment
    ): T = DataBindingUtil.inflate(LayoutInflater.from(activity.context),resId,null,true)
}

Fragmentで次のようにバインディングvalを宣言します。

private val binding by FragmentBinding<FragmentLoginBinding>(R.layout.fragment_login)

これを断片的に書くことを忘れないでください

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

1

Kotlinの別の例:

override fun onCreateView(inflater: LayoutInflater?, container: ViewGroup?, savedInstanceState: Bundle?): View? {
    val binding = DataBindingUtil
            .inflate< MartianDataBinding >(
                    inflater,
                    R.layout.bla,
                    container,
                    false
            )

    binding.modelName = // ..

    return binding.root
}

「MartianDataBinding」という名前は、レイアウトファイルの名前に依存することに注意してください。ファイルの名前が「martian_data」の場合、正しい名前はMartianDataBindingになります。


0

誰もがについて話inflate()しますが、それを使用したい場合はどうonViewCreated()でしょうか?

bind(view)具体的なバインディングクラスのメソッドを使用して、のViewDataBindingインスタンスを取得できますview


通常、BaseFragmentを次のように記述します(簡略化)。

// BaseFragment.kt
abstract fun layoutId(): Int

override fun onCreateView(inflater, container, savedInstanceState) = 
    inflater.inflate(layoutId(), container, false)

子フラグメントで使用します。

// ConcreteFragment.kt
override fun layoutId() = R.layout.fragment_concrete

override fun onViewCreated(view, savedInstanceState) {
    val binding = FragmentConcreteBinding.bind(view)
    // or
    val binding = DataBindingUtil.bind<FragmentConcreteBinding>(view)
}


すべてのFragmentsがデータバインディングを使用している場合は、typeパラメーターを使用してそれをより簡単にすることもできます。

abstract class BaseFragment<B: ViewDataBinding> : Fragment() {
    abstract fun onViewCreated(binding: B, savedInstanceState: Bundle?)

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        onViewCreated(DataBindingUtil.bind<B>(view)!!, savedInstanceState)
    }
}

そこでnull以外をアサートしても大丈夫かどうかはわかりませんが、あなたはそのアイデアを理解しています。null可能にしたい場合は、それを行うことができます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.