{"id":35,"date":"2021-11-12T03:44:49","date_gmt":"2021-11-12T03:44:49","guid":{"rendered":"https:\/\/blogs.oregonstate.edu\/heymae\/?p=35"},"modified":"2021-11-12T03:44:49","modified_gmt":"2021-11-12T03:44:49","slug":"recyclerview-data-binding-and-parse","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/heymae\/2021\/11\/12\/recyclerview-data-binding-and-parse\/","title":{"rendered":"RecyclerView, Data Binding, and Parse"},"content":{"rendered":"\n

Think about the most popular apps that contain a feed, such as Twitter or Instagram. The more you scroll, the more posts you’re shown. Although the posts have different content, the overall layout of each post is identical to the next, this is RecyclerView. RecyclerView is used to efficiently display large amounts of data on android applications. The entire RecyclerView is known as a ViewGroup, and the individual “post” layout is known as View Holder. <\/p>\n\n\n\n

The fragment class is where the actual adapter is instantiated, and the ViewModel class is where the actual database call is made. In the example below, we use the Parse Database.<\/p>\n\n\n\n

This is the code for a fragment that contains a Recyclerview. You’ll notice the data binding in the layout file, with the data element in the view root element<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

The individual item (e.g. one tweet) has a separate layout file. This is what each individual data item will be binded to. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

RecyclerView binds the individual view holder to its data, this is done in the adapter class. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The adapter contains the onBindViewHolder function, where the viewHolder is bound to an item. In the above example, we have a list of notes. The onBindViewHolder takes a note at each index (or position) and binds it to the viewHolder. <\/p>\n\n\n\n

The fragment class contains a function, onCreateView, where the adapter is instantiated. You’ll notice it also creates a new savedNoteViewModel.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

The savedNoteViewModel sets out “notes” to the actual data that it receives from making the database call: <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

In this example, we use the Parse database. This function shown below queries the user’s saved notes, along with the actual data for each note. Then the list of notes is returned. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Once you run your app, you should see something like this:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

And there you have it! A short example using recyclerView, Data Binding, and Parse<\/p>\n","protected":false},"excerpt":{"rendered":"

Think about the most popular apps that contain a feed, such as Twitter or Instagram. The more you scroll, the more posts you’re shown. Although the posts have different content, the overall layout of each post is identical to the next, this is RecyclerView. RecyclerView is used to efficiently display large amounts of data on … Continue reading “RecyclerView, Data Binding, and Parse”<\/span><\/a><\/p>\n","protected":false},"author":11566,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-35","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/heymae\/wp-json\/wp\/v2\/posts\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/heymae\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/heymae\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/heymae\/wp-json\/wp\/v2\/users\/11566"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/heymae\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":1,"href":"https:\/\/blogs.oregonstate.edu\/heymae\/wp-json\/wp\/v2\/posts\/35\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/blogs.oregonstate.edu\/heymae\/wp-json\/wp\/v2\/posts\/35\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/heymae\/wp-json\/wp\/v2\/media?parent=35"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/heymae\/wp-json\/wp\/v2\/categories?post=35"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/heymae\/wp-json\/wp\/v2\/tags?post=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}