วิธีใช้ data-binding กับ Fragment


182

ฉันกำลังพยายามติดตามตัวอย่างการผูกข้อมูลจาก google doc อย่างเป็นทางการ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;
}

ฉันต้องเพิ่มการเรียกไปยัง super เพื่อให้คลาส Binding ของฉันสร้างขึ้น
joey_g216

3
ฉันต่อสู้กับปัญหานี้มาหลายชั่วโมง ปัญหาคือฉันกลับผิดมุมมอง +1
TharakaNirmana

1
View view = binding.getRoot(); ฉันติดอยู่กับเรื่องนี้มานานจนฉันรู้สึกไม่พอใจอย่างยิ่งที่ฉันไม่สามารถหาเอกสารเกี่ยวกับมันได้ใน developer.android.com ... แก้ปัญหาได้ ขอบคุณ!
Victor Ude

1
หากคุณใช้ LiveData และ ViewModel อย่าลืมอ่านคำตอบนี้
Big McLargeHuge

1
setMarsdata () คืออะไร ฉันคิดว่าที่นี่เราใช้ setViewModel () ??
suv

59

คุณได้รับการสนับสนุนให้ใช้inflateวิธีการผูกข้อมูลที่สร้างขึ้นไม่ใช่ DataBindingUtil:

@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 ล่วงหน้า มิฉะนั้นใช้วิธีการพองของการผูกที่สร้างขึ้นเพื่อให้แน่ใจว่าอัตราเงินเฟ้อที่ปลอดภัยประเภท


น่าเสียดายที่นี่ทำให้ฉันมีcannot be resolved to a typeข้อผิดพลาดในการสร้าง มันไม่น่าเชื่อถือในความคิดของฉัน ถ้าฉันไปก่อนDataBindingUtil.inflate(inflater, R.layout.fragment_camera, container, false);แล้วเปลี่ยนเป็นFragmentCameraBinding.inflate(inflater, container, false);มันใช้งานได้ แต่หลังจากสร้างใหม่จะทำให้เกิดข้อผิดพลาดอีกครั้ง
อเล็กซ์ Burdusel

ใช้งานได้ดี จริงๆแล้วไม่จำเป็นต้องระบุ id res layout (ซึ่งฉันสงสัยมาก่อน) เนื่องจากมันเลือกจากไฟล์การรวมที่สร้างขึ้นโดยอัตโนมัติ
eC Droid

2
คุณตั้งค่า id โครงร่างส่วนที่ (เช่น R.layout.fragment_) ในตัวอย่างนี้ที่ไหน
เลนินราชา Rajasekaran

นี่ควรเป็นคำตอบที่ยอมรับได้ รูปแบบที่สร้างการเชื่อมโยงได้รับการสนับสนุนให้ใช้แทนDataBindingUtil.inflate
mochadwi

@LeninRajRajasekaran id ของโครงร่างมีนัยถึงการใช้MainFragmentBindingคลาส คลาสนั้นถูกสร้างจากไฟล์เลย์เอาต์ดังนั้นเลย์เอาต์ที่ต้องการจะถูกนำไปใช้โดยอัตโนมัติ
Emil S.

19

แม้คำตอบอื่น ๆ อาจทำงานได้ดี แต่ฉันต้องการบอกวิธีที่ดีที่สุด

ใช้Binding class's inflateตามคำแนะนำในเอกสาร Android

ทางเลือกหนึ่งคือการขยายโดยDataBindingUtil แต่เมื่อเพียง แต่คุณไม่ทราบว่ามีการสร้างระดับผลผูกพัน

--You ได้สร้างขึ้นโดยอัตโนมัติใช้คลาสที่แทนการใช้binding classDataBindingUtil

ในภาษาจาวา

@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วิธีการที่ใช้LayoutInflaterเป็นอาร์กิวเมนต์ แต่เพียงผู้เดียว?
Florian Walther

@FlorianWalther ไม่สามารถทำงานได้โดยไม่ต้องViewGroup container?
เขมราห์

ฉันไม่รู้เมื่อฉันเขียนความคิดเห็นนี้ แต่ฉันได้รับคำตอบที่ดีที่นี่: stackoverflow.com/questions/61571381/ …
Florian Walther

1
@FlorianWalther โอเคฉันได้อ่านคำตอบที่containerเป็นสิ่งจำเป็นเมื่อเป็นattachToRoot true
เขมราห์

16

หากคุณใช้ViewModelและLiveDataนี่เป็นไวยากรณ์ที่เพียงพอ

ไวยากรณ์ 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
}


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

บล็อกที่มีประโยชน์มากเกี่ยวกับ Databinding: 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)
}

ประกาศการผูกมัดแบบนี้ในแฟรกเมนต์:

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)วิธีการของการเรียนที่มีผลผูกพันที่เป็นรูปธรรมที่จะได้รับเช่นสำหรับViewDataBindingview


โดยปกติเราจะเขียน 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)
}


หากแฟรกเมนต์ทั้งหมดใช้การเชื่อมข้อมูลคุณสามารถทำได้ง่ายกว่าโดยใช้พารามิเตอร์ 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)
    }
}

ฉันไม่รู้ว่ามันโอเคที่จะยืนยันว่าไม่เป็นโมฆะที่นั่น แต่ .. คุณได้รับความคิด หากคุณต้องการให้มันเป็นโมฆะคุณสามารถทำได้

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.