‫In this video, we will create the journal list activity.
‫Select this package, I will create a new activity.
‫Empty activity and I will name it as journal.
‫Last click finish.
‫And here we go.
‫Let's open the layout of this journal list and I will add the code for it.
‫So I will start with layout.
‫To use data binding and.
‫I will cut this and use it here inside this constraintlayout I will paste the code for this layout to
‫make things more, more faster and not to be lengthy videos.
‫It would be a simple widgets.
‫I will add the two, the two widgets, the recycler view and the text view.
‫Okay.
‫So this text view will be displayed for setting that.
‫There is no posts.
‫And it's invisible because I need to change it.
‫And when there is a post but I need to display it this text view when there is post and no posts.
‫Okay.
‫This recycler view will contain the items and the the journal items and the journal objects.
‫And to create a new design for this application, I will create.
‫And for this activity also I will create a duplicate of this gradient main and I will name it as gradient
‫add.
‫Journal and I will change these colors here.
‫To these colors in order to make them more professional application.
‫And I will add the background here.
‫Drawable.
‫Slash.
‫Add journal gradient.
‫You can see it's more pretty.
‫So this is the journal list activity.
‫Let's move to the Oncreate method.
‫And here I will start with the late in var binding object and it's named as journal.
‫Activity Journal.
‫Journal list binding.
‫Now I will create a layout for every item in this recycler view.
‫So it would be a card view displaying the each item and each journal in our list.
‫Okay, so I'm going to create the layout for the items.
‫I will create a new.
‫Lay out.
‫Resource and I will name it as journal underscore row.
‫Click enter, go to split mode and as usual, I will paste the code for my.
‫Layout.
‫You can get all the source codes from the resources folder below.
‫You can see it's of type card view.
‫Containing a linear layout.
‫This linear layout contains a text view called.
‫Journal row User name and an image button.
‫This is for sharing.
‫And there is another linear layout that contains an image view here that's wrapcontent matchparent at
‫width and height and a text view and another text view called description.
‫And here a small text to display the date created.
‫This is the journal timestamp list.
‫This is our card view.