1
00:00:00,600 --> 00:00:01,270
Welcome back.

2
00:00:01,530 --> 00:00:06,960
In this video, we are going to look into the members functionality, so let's look at a specific card

3
00:00:07,200 --> 00:00:09,420
and here we can select members now.

4
00:00:09,570 --> 00:00:17,790
So you can see I want a new dialogue to open up as we can then select multiple members who are added

5
00:00:17,790 --> 00:00:21,820
to this particular card who are not added but responsible.

6
00:00:21,840 --> 00:00:23,010
I think that's the better word.

7
00:00:23,460 --> 00:00:28,380
So here, of course, we are not finishing the functionality yet because there is a lot to do.

8
00:00:28,680 --> 00:00:35,460
But we are adding this feature here, at least this dialogue for now, where we can then see the individual

9
00:00:35,460 --> 00:00:37,070
members again.

10
00:00:37,260 --> 00:00:41,310
So I think let's just get started with this without further ado.

11
00:00:41,580 --> 00:00:49,020
So the first thing we need to do is add a new constant dimensions, all the standard stuff.

12
00:00:49,020 --> 00:00:49,290
Right.

13
00:00:49,680 --> 00:00:53,660
OK, so let's go over to our Constance Katie here.

14
00:00:54,060 --> 00:01:05,610
We are going to need a new Consed Vol select, which will be the string that's going to say select and

15
00:01:05,610 --> 00:01:11,460
then const vol on select.

16
00:01:13,770 --> 00:01:17,580
Which will be a string that says unselected.

17
00:01:20,910 --> 00:01:25,530
Then we need a dimension, and in this case, you don't need to download the latest dimensioned file

18
00:01:25,530 --> 00:01:29,200
because it's really just one dimension that we need to add here.

19
00:01:29,490 --> 00:01:35,670
So in the values, let's go ahead and add the dimension, which will be the following.

20
00:01:36,980 --> 00:01:41,990
So it's just as Adam's elected member image size, and that's 45 DPE.

21
00:01:43,850 --> 00:01:51,230
All right, the next thing is that in the members list items adapter, I would like to add the functionality

22
00:01:51,230 --> 00:01:53,900
to be able to click on it.

23
00:01:54,320 --> 00:01:57,050
OK, so what we need, therefore, is an interface.

24
00:01:58,880 --> 00:02:07,910
So here, interface on Click Listener, and it just has one function, which is the click function,

25
00:02:07,910 --> 00:02:13,160
which needs to position, which is an integer and the user, which is a user.

26
00:02:14,210 --> 00:02:19,160
And then finally, the action that we want to do so action, which will be a straight.

27
00:02:21,490 --> 00:02:30,490
Next, inside the unbinding view holder here, I will add a check if Model Todd selected.

28
00:02:31,840 --> 00:02:38,500
And by the way, model is, of course, our user and selected is a new property that we need to add.

29
00:02:38,800 --> 00:02:40,900
So go over to your.

30
00:02:41,930 --> 00:02:52,010
Model called user, so here, models, user, and here you will need to add this boolean saying var

31
00:02:52,010 --> 00:02:54,140
selected Bujon equals false.

32
00:02:54,750 --> 00:03:02,300
OK, so the idea is that the user can be selected inside of a card where he can be unselected and that's

33
00:03:02,300 --> 00:03:04,310
what this variable will take care of.

34
00:03:04,500 --> 00:03:06,010
And now we can use selected.

35
00:03:06,320 --> 00:03:11,890
So we have the user here now and then we can go back to our members.

36
00:03:11,900 --> 00:03:12,200
This.

37
00:03:14,790 --> 00:03:24,270
Times adapter, so here, so if the model is selected, then I want to make a change to my item member.

38
00:03:26,150 --> 00:03:28,760
Layout, which we haven't created yet, I think.

39
00:03:28,790 --> 00:03:29,720
Well, we do.

40
00:03:29,810 --> 00:03:31,390
So there it is, item number.

41
00:03:32,060 --> 00:03:35,920
So here I'm going to adjust item number a little bit.

42
00:03:36,140 --> 00:03:42,350
It's not much, but what we will have here is just a little tick box at the right hand corner.

43
00:03:42,920 --> 00:03:49,220
OK, so at the very right hand side, I want you to have a little tick box here, which is going to

44
00:03:49,220 --> 00:03:49,580
be.

45
00:03:50,770 --> 00:03:52,120
Just here.

46
00:03:52,930 --> 00:03:57,730
All right, so it's going to be this image of you, the one that we have used before.

47
00:03:57,760 --> 00:03:58,090
Right.

48
00:03:58,090 --> 00:03:58,870
So here.

49
00:03:59,850 --> 00:04:05,160
I've selected members, I'm going to call it, and we're going to use the vector.

50
00:04:08,240 --> 00:04:09,320
On this score.

51
00:04:12,640 --> 00:04:14,450
Quite done, I think.

52
00:04:15,310 --> 00:04:16,510
Let's see if it's that one.

53
00:04:16,700 --> 00:04:19,300
Yeah, just a little tick box here.

54
00:04:22,560 --> 00:04:27,330
But actually maybe in a different color, so maybe it should be something blue.

55
00:04:28,170 --> 00:04:31,040
So let's go ahead and create a new vector here.

56
00:04:31,170 --> 00:04:32,130
So new.

57
00:04:33,430 --> 00:04:34,390
Pacta Essid.

58
00:04:36,430 --> 00:04:37,930
And this one was.

59
00:04:39,150 --> 00:04:43,080
I see Victor color accent.

60
00:04:45,820 --> 00:04:47,140
On the score done.

61
00:04:48,340 --> 00:04:55,930
Twenty four deep and the difference is that we use a different color here, so here I want to use the

62
00:04:56,380 --> 00:05:00,740
color that we used for our accent color.

63
00:05:01,060 --> 00:05:03,240
So here, let's go over to.

64
00:05:04,830 --> 00:05:05,610
Colors.

65
00:05:06,780 --> 00:05:10,020
And the accent color is this one here.

66
00:05:15,800 --> 00:05:18,500
All right, so let's go ahead and create a new vector.

67
00:05:20,010 --> 00:05:28,650
Which I'm going to call like so, and it should have the color as we see their zero C nine.

68
00:05:30,350 --> 00:05:31,010
Nine.

69
00:05:32,180 --> 00:05:33,710
Zero F one.

70
00:05:35,700 --> 00:05:38,310
That's just one and created.

71
00:05:39,320 --> 00:05:47,390
OK, so now I want to use this color, right, so here, not Wighton, but Lechter color xanthan.

72
00:05:49,260 --> 00:05:58,140
So now inside of the adaptor, we can talk to this element, so Holder, I tell you, I've selected

73
00:05:58,290 --> 00:06:00,960
member thought visibility.

74
00:06:02,600 --> 00:06:05,990
I said to visibility, dot.

75
00:06:07,090 --> 00:06:07,690
Visible.

76
00:06:12,620 --> 00:06:15,710
Or is it to you, right, its view that visible?

77
00:06:16,570 --> 00:06:19,600
And then alternatively, in the case that.

78
00:06:21,560 --> 00:06:22,470
It's not selected.

79
00:06:22,490 --> 00:06:23,450
It should be invisible.

80
00:06:24,410 --> 00:06:28,880
So here pelt's pretty much this code, but.

81
00:06:30,370 --> 00:06:30,990
It's gone.

82
00:06:33,100 --> 00:06:38,680
And then the whole thing should have an item on Click Listener, so we prepared to click listener interface

83
00:06:38,680 --> 00:06:40,090
here and now I want to use it.

84
00:06:40,420 --> 00:06:51,070
So here, holder dot item view dot set on Click Listener, which is checking if we have another clip

85
00:06:51,130 --> 00:06:51,640
listener.

86
00:06:52,210 --> 00:06:53,830
So on click.

87
00:06:53,830 --> 00:06:56,070
Well we need to create this variable therefore.

88
00:06:56,590 --> 00:06:59,680
So let's go ahead and create an on click listener variable.

89
00:07:00,720 --> 00:07:04,170
At the very top here, so not.

90
00:07:05,250 --> 00:07:12,540
There, but here, private bar on Click Listener, which is an on click listener.

91
00:07:13,400 --> 00:07:13,970
Nullable.

92
00:07:15,350 --> 00:07:17,450
And I'm going to set that to know at first.

93
00:07:19,690 --> 00:07:25,720
Let's see the error disappeared and now I can check if I click listener.

94
00:07:28,300 --> 00:07:29,420
It is not equal, not.

95
00:07:31,890 --> 00:07:32,250
Then.

96
00:07:33,960 --> 00:07:34,470
Let's.

97
00:07:35,510 --> 00:07:37,880
Check if the model of selected.

98
00:07:40,890 --> 00:07:42,150
And if it is selected.

99
00:07:43,930 --> 00:07:44,650
Rhonda.

100
00:07:45,530 --> 00:07:53,420
On event with all of the details, so we need to pass into position the model and then the details about

101
00:07:53,420 --> 00:07:54,140
the action.

102
00:07:54,530 --> 00:07:55,580
So position.

103
00:07:57,370 --> 00:08:03,040
Model, which is the user, and then constant start on select.

104
00:08:05,500 --> 00:08:08,070
And otherwise, do the opposite.

105
00:08:10,300 --> 00:08:15,520
So here pretty much do the same unclick, but with select.

106
00:08:18,610 --> 00:08:25,780
All right, and next, we need to get this dialogue here, so here there's dialogue where you can see

107
00:08:25,780 --> 00:08:32,350
we have solid member and then we have two or a recycled you with two items which are of top member or

108
00:08:32,440 --> 00:08:34,320
which are of a type that we have used before.

109
00:08:34,330 --> 00:08:34,559
Right.

110
00:08:34,809 --> 00:08:37,460
So for this one, see, there's a little challenge.

111
00:08:37,480 --> 00:08:38,730
Tried to build it yourself.

112
00:08:39,280 --> 00:08:41,590
I will just paste the code in here.

113
00:08:41,620 --> 00:08:46,960
I will go over the code and then you can, of course, pause the video now and try to build that yourself,

114
00:08:46,960 --> 00:08:50,530
because we have done that at multiple points, for example.

115
00:08:51,540 --> 00:08:58,210
Here, when we select members, these are the items that we want to use.

116
00:08:58,260 --> 00:09:00,980
So this is how an item looks like, right.

117
00:09:01,500 --> 00:09:03,660
And then when it comes to the dialogue.

118
00:09:05,360 --> 00:09:12,200
This is how you can have a dialogue, so this is the result of you that you see here should just not

119
00:09:12,200 --> 00:09:16,870
use the items as the colors, but the items as those members that we have just seen.

120
00:09:16,880 --> 00:09:21,190
So it's basically combining those two things that you have just seen and to one.

121
00:09:21,710 --> 00:09:22,110
All right.

122
00:09:22,130 --> 00:09:24,530
So this is a little challenge for you to try to do that yourself.

123
00:09:26,580 --> 00:09:31,920
All right, so there it is, a members list dialogue, it's an abstract class, we need the context,

124
00:09:31,920 --> 00:09:37,160
we need a list of users and we need a title and then it inherits from dialogue.

125
00:09:37,170 --> 00:09:42,640
So pretty much the same thing as our other dialogue that we prepared before, which is a label color

126
00:09:42,690 --> 00:09:43,320
list dialogue.

127
00:09:43,320 --> 00:09:46,500
So it's very similar to a lot of stuff is the same.

128
00:09:46,500 --> 00:09:47,390
You can see here.

129
00:09:47,400 --> 00:09:48,650
We also need an adapter.

130
00:09:48,660 --> 00:09:50,310
Well, this time it's a different adapter.

131
00:09:50,310 --> 00:09:52,350
It's our members list items adapter.

132
00:09:52,740 --> 00:09:58,860
Then we have an uncreate method where we inflate the layout that we use, which is our dialogue list

133
00:09:58,860 --> 00:09:59,400
layout.

134
00:09:59,850 --> 00:10:02,190
Then we have the content view that we need to set.

135
00:10:02,460 --> 00:10:06,930
We said cancelable on touch outside to do that, cancelable to true.

136
00:10:06,930 --> 00:10:12,300
And we set up our recycler view, which is this function right here, which needs a view.

137
00:10:12,900 --> 00:10:14,880
Then it can set a title of that view.

138
00:10:15,480 --> 00:10:24,000
And then if the list is not empty, which means if there are entries inside of the list, then we fill

139
00:10:24,000 --> 00:10:27,660
the RV, which stands for our respective you.

140
00:10:28,770 --> 00:10:32,880
Layout manager should be the linear layout manager, so, yeah, by the way.

141
00:10:33,790 --> 00:10:36,040
This is the dialogue list.

142
00:10:37,780 --> 00:10:42,760
That we had used before, right, so we have select then a separator and then the recital of you.

143
00:10:44,120 --> 00:10:49,320
And we reuse it so we don't need to build a separate XML file for that.

144
00:10:49,760 --> 00:10:56,780
Then we set the adapter being a members list items adapter, which was this adapter that we just looked

145
00:10:56,780 --> 00:11:00,440
on at a couple of minutes ago then.

146
00:11:01,390 --> 00:11:07,240
We set the adapter to be the adapter of the respect of you, and then I want to have an unclick listening

147
00:11:07,250 --> 00:11:15,200
for that adapter and therefore I need to implement this function inside of my members list items adapter.

148
00:11:15,520 --> 00:11:17,430
But let's look at what's happening here.

149
00:11:17,440 --> 00:11:23,920
So we're creating an object of the members list items adapter on Click Listener in which we override

150
00:11:23,920 --> 00:11:25,390
the on click function.

151
00:11:25,400 --> 00:11:32,380
So we implement the interface here called Unclick Lisner, which is this interface right here.

152
00:11:33,010 --> 00:11:36,190
And then we have the unclick event which dismisses the.

153
00:11:37,360 --> 00:11:44,950
Dialogue itself, and then it calls on items selected, which is this abstract function of our members

154
00:11:44,950 --> 00:11:45,850
list dialogue.

155
00:11:46,980 --> 00:11:50,340
So this function as we have it here.

156
00:11:51,630 --> 00:11:56,160
Now, let's implement this set and click listener, and we need to do that in the adapter, which means

157
00:11:56,160 --> 00:11:59,120
in our members list item adapter.

158
00:11:59,490 --> 00:12:04,830
So here, let's create this set on Click Listener Function.

159
00:12:08,010 --> 00:12:10,440
And it needs an outlet listener.

160
00:12:12,620 --> 00:12:21,500
Which is the one from our I must list items adapter class, and here we just need to say that this unclick

161
00:12:21,500 --> 00:12:26,900
listener is the unclipped listener that is passed to us, which means the unclick listener that we have

162
00:12:26,900 --> 00:12:29,330
prepared here in our members.

163
00:12:29,330 --> 00:12:36,770
These items adapter class, which we set to now first and now we set it here with this function.

164
00:12:36,770 --> 00:12:41,050
Once it's called, then we can use the home click listener with its own click function.

165
00:12:41,780 --> 00:12:43,390
So that's how everything is connected.

166
00:12:43,400 --> 00:12:44,600
But that's nothing new.

167
00:12:44,600 --> 00:12:46,400
We have done that multiple times before.

168
00:12:47,730 --> 00:12:49,770
And then the error disappears here as well.

169
00:12:50,820 --> 00:12:56,070
All right, and at that point, we, of course, need to go to our car that details activity because

170
00:12:56,070 --> 00:12:58,380
that's where we are at that point.

171
00:12:58,410 --> 00:13:00,240
So this is the cartel's activity.

172
00:13:00,240 --> 00:13:00,500
Right.

173
00:13:00,510 --> 00:13:04,690
And we want to do something once we click on this element here.

174
00:13:05,010 --> 00:13:11,190
So once we click on select members on this TextView and in order to do so, we, of course, need to

175
00:13:11,190 --> 00:13:12,240
have a function for that.

176
00:13:12,270 --> 00:13:18,990
So let's go ahead and create a new function for it, which is going to be private fund members.

177
00:13:18,990 --> 00:13:19,650
A list.

178
00:13:20,880 --> 00:13:21,570
Dialogue.

179
00:13:24,460 --> 00:13:31,810
And it, first of all, needs a variable called Card Assigned Members List, because we need to know

180
00:13:32,260 --> 00:13:34,360
who are the members that are assigned to us.

181
00:13:34,360 --> 00:13:38,350
And that's m more details, that task list.

182
00:13:39,840 --> 00:13:43,470
And what if you have it here, cards and so forth?

183
00:13:45,140 --> 00:13:47,090
All the way up here, Dot.

184
00:13:50,220 --> 00:13:51,120
Assigned to.

185
00:13:52,550 --> 00:13:53,120
OK.

186
00:13:54,420 --> 00:14:01,440
So as the members were assigned to this card and then we can check if there are any members assigned

187
00:14:01,440 --> 00:14:02,320
to this card or not.

188
00:14:02,700 --> 00:14:05,640
So is the size greater zero?

189
00:14:07,760 --> 00:14:11,730
If that's the case, then go through the list of members.

190
00:14:11,870 --> 00:14:15,560
So for I in M member details.

191
00:14:17,220 --> 00:14:27,240
List the indices, so go through all of the members that you have and then for Jason Card Assigned Members

192
00:14:27,240 --> 00:14:27,630
List.

193
00:14:28,710 --> 00:14:34,650
So we have a follow up with a fulu, so we go through all of the indices and in there we go through

194
00:14:34,650 --> 00:14:43,800
all of the members inside of the members detail list and then we check if the members detail list at

195
00:14:43,800 --> 00:14:48,480
the position I thought ID is equal to.

196
00:14:49,930 --> 00:14:50,350
Jake.

197
00:14:52,040 --> 00:14:59,900
So the individual members of this parliament or the member that is assigned to it, and if that's the

198
00:14:59,900 --> 00:15:00,650
case, then.

199
00:15:02,590 --> 00:15:05,710
Activated so members details list.

200
00:15:07,400 --> 00:15:09,560
I got selected.

201
00:15:11,860 --> 00:15:12,970
Is that a true.

202
00:15:15,290 --> 00:15:16,760
OK, so what's happening here?

203
00:15:16,910 --> 00:15:19,100
This is a little complicated, maybe so.

204
00:15:19,100 --> 00:15:22,310
First of all, we check do we even have any members in the wrist?

205
00:15:22,790 --> 00:15:27,260
If that's the case, then go through all of the members in the wrist, then check.

206
00:15:29,180 --> 00:15:39,140
Or then for every single member in the list, check for its ID if it's the same as the member that is.

207
00:15:41,920 --> 00:15:44,620
Assigned to the card because.

208
00:15:45,660 --> 00:15:51,340
We have the people who are assigned to the cart and we have the people who are assigned to the board.

209
00:15:51,930 --> 00:15:58,320
OK, so we check are there people who are inside of the board who are assigned to the cart?

210
00:15:58,320 --> 00:16:02,190
And if they are the same, then make them selected.

211
00:16:04,170 --> 00:16:07,650
All right, and else, which means here also.

212
00:16:09,040 --> 00:16:15,940
Of this block here, we will just say, OK, for all of the members in the indice.

213
00:16:17,100 --> 00:16:18,720
Let's set them to.

214
00:16:20,500 --> 00:16:20,980
False.

215
00:16:22,480 --> 00:16:25,870
So you're false, they are not selected.

216
00:16:26,990 --> 00:16:32,490
So if no one is in the list of people who are assigned to the court, then no one is selected.

217
00:16:32,510 --> 00:16:34,880
So that's basically what this code here says.

218
00:16:36,080 --> 00:16:42,140
All right, and now, of course, our taxpayers, you select members, should be.

219
00:16:43,160 --> 00:16:46,160
Clickable, so how do we make some clickable?

220
00:16:46,190 --> 00:16:51,700
Well, we had an unclick listener to it and the uncreate method, for example.

221
00:16:51,740 --> 00:16:54,770
So here we can just say TV select.

222
00:16:55,770 --> 00:16:58,560
Members said Arncliffe listener.

223
00:17:00,400 --> 00:17:05,829
In which we basically just want to call members list dialogue so dysfunctional, we just prepared.

224
00:17:09,660 --> 00:17:15,390
All right, and now we want to display the dialogue, we, of course, need to add that to our members

225
00:17:15,390 --> 00:17:17,849
list dialogue because we just prepared everything here.

226
00:17:18,359 --> 00:17:24,050
But in order to actually display the dialogue, we need to create an object of it.

227
00:17:24,089 --> 00:17:24,480
So.

228
00:17:25,579 --> 00:17:26,329
Object.

229
00:17:27,599 --> 00:17:28,380
Member.

230
00:17:29,720 --> 00:17:36,800
List dialogue, and when we need to create one of those, we need to look at what we need.

231
00:17:36,830 --> 00:17:40,580
So here we need to context the list of users and a title.

232
00:17:41,210 --> 00:17:41,720
All right.

233
00:17:41,720 --> 00:17:44,720
So let's put this into context, which will be this.

234
00:17:45,380 --> 00:17:51,410
Then the list of members will be members.

235
00:17:52,280 --> 00:17:55,340
Detailed list and then the title.

236
00:17:56,320 --> 00:18:01,940
And there I'm going to use a resource which I'm going to call string select member.

237
00:18:02,770 --> 00:18:07,840
So let's go to our resources, values, string's.

238
00:18:12,530 --> 00:18:18,650
And edit here, so string name astar, select member, and it should be select member.

239
00:18:19,790 --> 00:18:24,200
OK, now going back to our card details activity.

240
00:18:25,450 --> 00:18:27,350
The error should disappear.

241
00:18:27,490 --> 00:18:28,420
All right, there we are.

242
00:18:29,170 --> 00:18:32,050
So this will be the title of our members, this dialogue.

243
00:18:33,470 --> 00:18:40,580
And then, of course, we need to implement its functions, because if we look at it, our members,

244
00:18:40,590 --> 00:18:42,590
this dialogue needs to implement.

245
00:18:43,720 --> 00:18:50,860
The UNCLICK event, so employment numbers on Eitam selectors sartorially unclick, but it's on Eitam

246
00:18:50,860 --> 00:18:57,010
selected because if we look at our members list dialogue, we had this function here, which was an

247
00:18:57,010 --> 00:19:00,430
abstract protected function where we said, OK, it's called on item selected.

248
00:19:00,430 --> 00:19:03,010
And if it's abstract, it doesn't have a body.

249
00:19:03,010 --> 00:19:09,080
But you need to implement the body once you use this placea here members, this dialogue class.

250
00:19:09,820 --> 00:19:11,800
OK, so what do we want to do in their.

251
00:19:12,970 --> 00:19:16,880
Well, that is something that we will need to do later on.

252
00:19:16,900 --> 00:19:23,260
So implement the selected members functionality.

253
00:19:25,180 --> 00:19:30,910
That's what we all need to do later on, but for now, what we want to do is to actually show this dialogue.

254
00:19:31,180 --> 00:19:33,700
So to show this list dialogue.

255
00:19:35,050 --> 00:19:39,280
Or alternatively, list dialogue, but show.

256
00:19:40,910 --> 00:19:42,260
I think that works as well.

257
00:19:42,990 --> 00:19:43,510
OK.

258
00:19:46,100 --> 00:19:53,450
If we now test this and go over to the card and click on select numbers, we can see that this dialogue

259
00:19:53,450 --> 00:19:55,790
opens up, we have baat and we have Holmer.

260
00:19:56,060 --> 00:19:59,240
But of course, nothing will happen as of now.

261
00:20:01,640 --> 00:20:06,710
All right, then there is one last thing that I want to do real quick, and that is to had a recycler

262
00:20:06,720 --> 00:20:08,870
view here to the members.

263
00:20:08,870 --> 00:20:15,560
So once we have selected people, we want to see them inside of this activity here, inside of the select

264
00:20:15,560 --> 00:20:16,750
members TextView.

265
00:20:17,030 --> 00:20:21,950
So instead of displaying a text, you all want to display a recyclable view here with all of the different

266
00:20:21,950 --> 00:20:23,360
members were assigned to this cart.

267
00:20:23,840 --> 00:20:29,150
OK, so in order to do that, I will need to create a new XML file.

268
00:20:32,910 --> 00:20:41,310
I will need to adjust our XML file called activity card details, which is this one here.

269
00:20:42,740 --> 00:20:44,690
So here we had this design.

270
00:20:45,640 --> 00:20:50,710
We can see sort of colors like numbers and so forth, and now select numbers, that's where I want to

271
00:20:50,710 --> 00:20:51,430
make changes.

272
00:20:53,550 --> 00:20:54,780
So just underneath it.

273
00:20:55,730 --> 00:20:59,270
I will add a little.

274
00:21:01,240 --> 00:21:02,080
Recycler of you.

275
00:21:02,870 --> 00:21:09,220
OK, so here on top of due date underneath our select members, that's where I will put this recital

276
00:21:09,260 --> 00:21:12,120
of you that you can see here.

277
00:21:12,590 --> 00:21:14,120
All right, so it's this one here.

278
00:21:15,280 --> 00:21:22,300
Harvey Select Members List made parent and with Web content and hide, use dimensioned card details,

279
00:21:22,300 --> 00:21:24,550
value margined top that we have used before.

280
00:21:25,660 --> 00:21:32,330
And visibility is set to go on and towards visible is set to true, so you can see now this is the result

281
00:21:32,350 --> 00:21:37,720
of you that want then to have and then I wanted to have a specific look.

282
00:21:39,480 --> 00:21:42,750
And therefore, I prepared a prepared to lay out file as well.

283
00:21:42,780 --> 00:21:45,170
You can just download it or you can type it in.

284
00:21:45,450 --> 00:21:47,760
So it's going to be.

285
00:21:49,250 --> 00:21:52,100
The item card selected member XML.

286
00:21:54,870 --> 00:21:57,540
For which we will need a little image called.

287
00:21:58,750 --> 00:22:06,550
I see ad member, and if you want to use the same image as I do, you can go to file new then vector

288
00:22:06,550 --> 00:22:10,960
asset and select this ad icon here.

289
00:22:12,250 --> 00:22:20,830
And then select a color, see 90 of one that I'm using here and basically next and finish and then you

290
00:22:20,830 --> 00:22:24,220
should have this is the member, of course, you will need to call it that way as well.

291
00:22:25,100 --> 00:22:25,590
All right.

292
00:22:25,610 --> 00:22:32,540
And the idea behind this is that we want to display two image views, so a circle image views inside

293
00:22:32,540 --> 00:22:39,910
of our linear layout, one circle image view per user that is assigned to a card and then another circle

294
00:22:39,930 --> 00:22:45,700
view, which is going to be our plus icon, which indicates that we can add more people to this card.

295
00:22:45,710 --> 00:22:52,250
So that's the idea behind this plus icon right here and the journal behind this item cards selected

296
00:22:52,250 --> 00:22:57,500
members, even though just looks like it's this little icon, but it will be two icons next to each

297
00:22:57,500 --> 00:23:03,110
other, or even three or however many members you will have assigned to the.

298
00:23:04,760 --> 00:23:05,510
Card itself.

299
00:23:06,380 --> 00:23:11,240
All right, so that's it for this video, we will, of course, implement the functionality behind those

300
00:23:11,240 --> 00:23:12,260
buttons later on.

301
00:23:12,480 --> 00:23:13,910
So see you in the next one.