1
00:00:00,520 --> 00:00:06,760
We'll come back now at this point, we can create cards, so as you've seen, we can create cards which

2
00:00:06,760 --> 00:00:13,610
are then also created inside of a board, of course, which is inside of the task list of that board.

3
00:00:14,090 --> 00:00:16,420
OK, now let's go ahead and display that.

4
00:00:16,420 --> 00:00:19,360
And therefore, we, of course, will need another adapter.

5
00:00:20,990 --> 00:00:29,300
Because if we look at it, this here is where we want to display the cards and they should be in a list

6
00:00:29,300 --> 00:00:32,600
pretty much so we need to recycle you with a adapter.

7
00:00:32,750 --> 00:00:36,620
And we already have the recycler of you in our item task here.

8
00:00:39,370 --> 00:00:44,050
So this one here, you can see we have a result of you called our record list and now we need to give

9
00:00:44,050 --> 00:00:48,720
it an adapter and therefore we will need to create a new adapter here for.

10
00:00:48,970 --> 00:00:55,050
So I'm going to call this one card list items adapter pretty long, but a descriptive name.

11
00:00:55,330 --> 00:00:57,720
So let's go over to our adapters here.

12
00:00:58,940 --> 00:01:04,220
And create another one, you can see we have already multiple ones here create new.

13
00:01:05,150 --> 00:01:11,740
And it's a common Java class and card list items, uh, there.

14
00:01:13,280 --> 00:01:15,370
I hope that was written correctly.

15
00:01:17,850 --> 00:01:25,140
And because we have created so many adapters before, I think it makes sense to just go over this real

16
00:01:25,140 --> 00:01:28,390
quick because it's always the same code pretty much, right.

17
00:01:28,410 --> 00:01:33,330
So we have a constructor here where we pass in the context and the list.

18
00:01:33,350 --> 00:01:40,020
This time it's an array list of cards then we inherit from the respective You adapter.

19
00:01:41,420 --> 00:01:47,510
Then we have a private war on listener if we want to be able to click on one of those card elements

20
00:01:47,510 --> 00:01:54,530
or of those list elements, in our case, we want to do that because we want then added the card later

21
00:01:54,530 --> 00:01:54,680
on.

22
00:01:54,710 --> 00:01:59,180
So, for example, if you want to assign a person to that card or if we want to change the color of

23
00:01:59,180 --> 00:02:05,840
that card or the due date, then we want to be able to click on the card in order to get to the screen

24
00:02:05,840 --> 00:02:06,890
where we can make changes.

25
00:02:07,280 --> 00:02:10,160
Then we will need an item card.

26
00:02:11,150 --> 00:02:14,250
XML file, so we will need to create a little layout for that.

27
00:02:14,570 --> 00:02:18,080
This will be our uncreate view Holder and Unbind View Holder.

28
00:02:18,110 --> 00:02:20,330
We will have a very simple code here.

29
00:02:20,330 --> 00:02:22,010
As you can see, we just have this model.

30
00:02:22,250 --> 00:02:27,980
If the holder is my view holder, then it will use this TV code name text, which we still need to create,

31
00:02:27,980 --> 00:02:31,530
where we then want to put in the name of the card.

32
00:02:31,820 --> 00:02:32,630
That's pretty much it.

33
00:02:33,020 --> 00:02:37,250
So then get item count as always, said Unclick Listener, as well as the unclick.

34
00:02:37,250 --> 00:02:42,680
There's an interface and the might be holder, which we have used multiple times before.

35
00:02:43,190 --> 00:02:47,390
All right, so now what is left is, of course, to create the UI elements.

36
00:02:47,400 --> 00:02:49,280
So let's go ahead and create a new.

37
00:02:51,670 --> 00:02:54,210
XML file and all resources here.

38
00:02:55,320 --> 00:02:59,670
So you lay out and I'm going to call this one.

39
00:03:01,560 --> 00:03:03,120
Item on the score.

40
00:03:04,060 --> 00:03:04,510
Kaat.

41
00:03:07,070 --> 00:03:08,950
OK, so let's create it.

42
00:03:12,550 --> 00:03:14,270
Then let's go over to the court now.

43
00:03:15,070 --> 00:03:16,600
What do we want to do here?

44
00:03:16,630 --> 00:03:22,270
Well, it's just a cart view which has a name in it.

45
00:03:22,660 --> 00:03:23,550
That's pretty much it.

46
00:03:23,680 --> 00:03:24,970
Very, very basic.

47
00:03:24,970 --> 00:03:31,350
Not too much stuff, maybe a line in there and some more text depending on what we want to display.

48
00:03:31,360 --> 00:03:34,260
So I'm just going to paste that in here.

49
00:03:35,230 --> 00:03:40,930
And show you what it's all about, because we have worked with XHTML so many times already, so you

50
00:03:40,930 --> 00:03:42,910
can see this is really just repetition.

51
00:03:42,920 --> 00:03:45,960
You could have tried to build all of that yourself, of course.

52
00:03:45,970 --> 00:03:47,700
So I'm using a Kadafi here.

53
00:03:48,160 --> 00:03:49,990
We will need some more dimensions.

54
00:03:49,990 --> 00:03:56,870
So let's add those directly so that the arrows disappear and we can then look at it in the ed.

55
00:03:57,130 --> 00:04:01,920
So here, let's go to values and add a bunch of new dimensions.

56
00:04:01,930 --> 00:04:09,220
So item card content margin c.v elevation, which is the Carthew elevation label height takes padding

57
00:04:09,220 --> 00:04:09,850
and so forth.

58
00:04:10,680 --> 00:04:17,510
OK, now we can go over to our item card now the error should disappear.

59
00:04:17,760 --> 00:04:21,279
So basically we have a card for you, right, with a little bit of elevation.

60
00:04:21,300 --> 00:04:22,830
The orientation is vertical.

61
00:04:23,130 --> 00:04:28,530
It has a certain margin, selectable item background.

62
00:04:28,920 --> 00:04:35,190
And then inside of that, we have a linear layout with a view, which is just a line.

63
00:04:35,940 --> 00:04:36,510
And then.

64
00:04:37,480 --> 00:04:39,970
Concedes the color accent here, this is the.

65
00:04:41,000 --> 00:04:47,900
Blue line, so to speak, then we have text views, so two of them, one is for the card name and then

66
00:04:47,900 --> 00:04:48,960
for the member's name.

67
00:04:48,990 --> 00:04:56,180
So if we later on add some more or once we add some more people to it, we will also see that there

68
00:04:56,180 --> 00:04:58,350
are multiple people assigned to that card.

69
00:04:58,760 --> 00:05:02,450
OK, so that is what we decide or design here.

70
00:05:02,630 --> 00:05:03,020
All right.

71
00:05:03,030 --> 00:05:05,120
So that's the member's name.

72
00:05:07,520 --> 00:05:15,640
OK, so this is the UI that we will use, we have created the adapter now we need to make sure that

73
00:05:16,370 --> 00:05:20,120
names are correct here, TV underscore.

74
00:05:25,060 --> 00:05:25,720
Cards.

75
00:05:27,190 --> 00:05:34,930
Name now that accepts it this time, the item card layout is fine for that as well.

76
00:05:35,290 --> 00:05:35,760
All right.

77
00:05:35,770 --> 00:05:41,630
And now, of course, we need to go to our task list adapter because that's where we load the cards.

78
00:05:41,630 --> 00:05:43,110
So we need to load the cards.

79
00:05:43,390 --> 00:05:44,620
And where would we do that?

80
00:05:45,010 --> 00:05:52,160
Well, I'd say we loaded inside of our function on Binde View Holder.

81
00:05:52,450 --> 00:05:52,940
All right.

82
00:05:53,050 --> 00:05:57,970
So here, once we bind it with this huge function where we have all of this code.

83
00:05:57,970 --> 00:05:58,270
Right.

84
00:05:58,720 --> 00:06:00,220
And then at the very bottom.

85
00:06:01,580 --> 00:06:09,140
Just outside this last I hold the item view, I be done, said Unclick Listener here, we can go ahead

86
00:06:09,140 --> 00:06:12,050
and prepare our next item.

87
00:06:12,050 --> 00:06:20,660
You so item view dot, are we on the scorecard list that layout manager.

88
00:06:24,600 --> 00:06:26,700
So what is this RV cart list?

89
00:06:27,150 --> 00:06:28,920
Well, it's this one here, right?

90
00:06:28,950 --> 00:06:32,850
So this card list that we have in our item task.

91
00:06:35,630 --> 00:06:42,860
And here, the layout manager should be a linear layout manager.

92
00:06:44,630 --> 00:06:49,580
Which needs a context as well, so here, let's add a context.

93
00:06:54,060 --> 00:06:54,660
Context.

94
00:06:56,830 --> 00:07:02,620
All right, so that's our linear layout manager, so we prepared it, we make a linear layout manager

95
00:07:02,620 --> 00:07:05,610
of it, then I'm going to fix the size.

96
00:07:05,620 --> 00:07:07,120
So Holder.

97
00:07:08,300 --> 00:07:11,750
Item view that our V card lists.

98
00:07:13,330 --> 00:07:16,210
Port Said has fixed size the true.

99
00:07:18,130 --> 00:07:23,050
And then we can assign the adapter, so basically the same stuff that we have done multiple times when

100
00:07:23,050 --> 00:07:28,130
we work with adapters and I think we have done it here somewhere at the top as well.

101
00:07:28,820 --> 00:07:31,350
Actually, that was in the in the other class.

102
00:07:31,600 --> 00:07:39,550
But here we can now go ahead and say Volle adapter is the card list items adapter.

103
00:07:40,520 --> 00:07:42,050
Here, we need to pass in the context.

104
00:07:43,730 --> 00:07:52,100
And the model that we want to use, which is in this case, of course, our model, but Cartes.

105
00:07:53,020 --> 00:07:55,590
OK, so we want to pass in the cards.

106
00:07:57,460 --> 00:08:00,550
And then we can assign that adapter to our.

107
00:08:01,660 --> 00:08:03,470
Regardless, all right, so.

108
00:08:04,980 --> 00:08:09,810
Let's just do that thought adaptor is going to be the adapter we prepared.

109
00:08:12,560 --> 00:08:19,700
All right, so now our adapter is ready, our our record list is ready and let's see if it actually

110
00:08:19,760 --> 00:08:22,940
works and displays everything as we expected.

111
00:08:25,510 --> 00:08:28,660
All right, so that we have our beautiful project ménage.

112
00:08:29,920 --> 00:08:30,550
There we are.

113
00:08:33,140 --> 00:08:36,230
And let's wait for the boards to load.

114
00:08:36,570 --> 00:08:40,460
Now let's go to board with image and we can see car one is there.

115
00:08:40,640 --> 00:08:42,590
Now let's go ahead and create another cart.

116
00:08:43,669 --> 00:08:44,840
So your card.

117
00:08:45,730 --> 00:08:46,180
To.

118
00:08:48,070 --> 00:08:49,610
And Kartu is there as well.

119
00:08:49,950 --> 00:08:51,370
Now create card three.

120
00:08:54,060 --> 00:08:54,540
Perfect.

121
00:08:55,140 --> 00:08:59,320
OK, so now you can see how we can create cars, of course, we cannot drag them yet.

122
00:08:59,340 --> 00:09:02,280
This is a super cool feature that we want to have.

123
00:09:02,280 --> 00:09:08,790
Then we cannot open them yet, but we will be able to later on, click on them and then make changes

124
00:09:09,120 --> 00:09:09,840
to that card.

125
00:09:09,840 --> 00:09:16,970
For example, assign a user, then assign a date, so a due date and so forth.

126
00:09:18,720 --> 00:09:20,700
All right, so that's it for this video.

127
00:09:21,240 --> 00:09:22,080
See you the next one.