Divider and divideTiles

4 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€92.25
List Price:  €129.16
You save:  €36.90
£79.03
List Price:  £110.65
You save:  £31.61
CA$136.41
List Price:  CA$190.98
You save:  CA$54.56
A$150.30
List Price:  A$210.43
You save:  A$60.12
S$134.75
List Price:  S$188.65
You save:  S$53.90
HK$780.13
List Price:  HK$1,092.21
You save:  HK$312.08
CHF 90.94
List Price:  CHF 127.32
You save:  CHF 36.38
NOK kr1,073.42
List Price:  NOK kr1,502.83
You save:  NOK kr429.41
DKK kr688.34
List Price:  DKK kr963.70
You save:  DKK kr275.36
NZ$163.78
List Price:  NZ$229.30
You save:  NZ$65.51
د.إ367.26
List Price:  د.إ514.18
You save:  د.إ146.91
৳11,718.16
List Price:  ৳16,405.89
You save:  ৳4,687.73
₹8,335.38
List Price:  ₹11,669.86
You save:  ₹3,334.48
RM468.70
List Price:  RM656.20
You save:  RM187.50
₦151,484.85
List Price:  ₦212,084.85
You save:  ₦60,600
₨27,847.21
List Price:  ₨38,987.21
You save:  ₨11,140
฿3,628.63
List Price:  ฿5,080.23
You save:  ฿1,451.60
₺3,227.56
List Price:  ₺4,518.72
You save:  ₺1,291.15
B$512.82
List Price:  B$717.98
You save:  B$205.15
R1,828.78
List Price:  R2,560.37
You save:  R731.58
Лв180.35
List Price:  Лв252.50
You save:  Лв72.15
₩135,738.64
List Price:  ₩190,039.53
You save:  ₩54,300.88
₪371.33
List Price:  ₪519.88
You save:  ₪148.54
₱5,772.67
List Price:  ₱8,081.97
You save:  ₱2,309.29
¥15,582.60
List Price:  ¥21,816.27
You save:  ¥6,233.66
MX$1,669.16
List Price:  MX$2,336.89
You save:  MX$667.73
QR364.11
List Price:  QR509.77
You save:  QR145.66
P1,351.57
List Price:  P1,892.25
You save:  P540.68
KSh13,098.69
List Price:  KSh18,338.69
You save:  KSh5,240
E£4,690.49
List Price:  E£6,566.87
You save:  E£1,876.38
ብር5,727.42
List Price:  ብር8,018.62
You save:  ብር2,291.20
Kz83,741.62
List Price:  Kz117,241.62
You save:  Kz33,500
CLP$89,844.01
List Price:  CLP$125,785.21
You save:  CLP$35,941.20
CN¥722.63
List Price:  CN¥1,011.72
You save:  CN¥289.08
RD$5,860.43
List Price:  RD$8,204.83
You save:  RD$2,344.40
DA13,452.89
List Price:  DA18,834.58
You save:  DA5,381.69
FJ$223.44
List Price:  FJ$312.83
You save:  FJ$89.38
Q777.42
List Price:  Q1,088.43
You save:  Q311
GY$20,948.83
List Price:  GY$29,329.21
You save:  GY$8,380.37
ISK kr13,866.61
List Price:  ISK kr19,413.81
You save:  ISK kr5,547.20
DH995.50
List Price:  DH1,393.74
You save:  DH398.24
L1,769.27
List Price:  L2,477.05
You save:  L707.78
ден5,673.92
List Price:  ден7,943.71
You save:  ден2,269.79
MOP$804.52
List Price:  MOP$1,126.37
You save:  MOP$321.84
N$1,823.31
List Price:  N$2,552.71
You save:  N$729.40
C$3,674.63
List Price:  C$5,144.63
You save:  C$1,470
रु13,369.37
List Price:  रु18,717.65
You save:  रु5,348.28
S/371.99
List Price:  S/520.81
You save:  S/148.81
K388.01
List Price:  K543.23
You save:  K155.22
SAR375
List Price:  SAR525.02
You save:  SAR150.01
ZK2,528.85
List Price:  ZK3,540.49
You save:  ZK1,011.64
L459.03
List Price:  L642.66
You save:  L183.63
Kč2,279.78
List Price:  Kč3,191.78
You save:  Kč912
Ft35,756.12
List Price:  Ft50,060
You save:  Ft14,303.88
SEK kr1,076.37
List Price:  SEK kr1,506.96
You save:  SEK kr430.59
ARS$88,615.31
List Price:  ARS$124,064.98
You save:  ARS$35,449.67
Bs691.54
List Price:  Bs968.19
You save:  Bs276.64
COP$383,364.60
List Price:  COP$536,725.77
You save:  COP$153,361.17
₡51,222.42
List Price:  ₡71,713.44
You save:  ₡20,491.01
L2,473.49
List Price:  L3,462.99
You save:  L989.49
₲750,836.16
List Price:  ₲1,051,200.66
You save:  ₲300,364.50
$U3,868.71
List Price:  $U5,416.34
You save:  $U1,547.63
zł393.61
List Price:  zł551.08
You save:  zł157.46
Already have an account? Log In

Transcript

Hello, in this video I am going to show you how to implement a divider. As the name suggests, it basically allows you to divide items and just put a horizontal line to break really minimalistic implementation that just helps, you know, improve the interface of your application. So I've got this ListView with a bunch of lists, all that equates in a separate video. I was to zoom in so you can see the gap between any two of the list title, I think, see, yes, there's a gap but the nothing else but whitespace from separating it before a nine day we can you do use the dividers between each one if we put a divider can remember the widgets and dividers widget, you put divider don't really necessarily need any parameters. As you see, there is no gap, no gap there but he had the big gap and this line and you could do for all the others as well in here.

There are a few Some properties, they put indentation, if we call this 100 for that. So this to set high for a long start from the left if you want that on a big fan a lot one, but the two though I want to show you another one too is color and height. So colorful colors, the red, the red line there, and that is my favorite color. And you can also change the height, this probably will not change what you think is going to change. If I put 500. So as big, as you can see, the line is still the same thickness.

Why it actually changes is the gap between each point not the line thickness. That's something to bear in mind. Like what if you want a smaller, smaller fitness, you can achieve that. For zero we can you know get a slightly tighter To them the default but as you can imagine if you got only this title and you know try and do this this can be a bit tedious even if you're using an algorithm you know for list you can do it you know the stuff you know and divided into other stuff as well you know like a draw for example, which you know is open from the side and you know, variety it anywhere really. But luckily for us the list of you can have something else. So what I want to do is actually get rid of all of this funnel.

Actually, no, no, I'm gonna need all of this in a second. I'm gonna need it. I'm gonna get rid of this release to get relief free. But yeah, how many did I create? A lot clearly. Okay, so I'm going to leave the one because I will need that very soon only ever to this children as well.

Now the commented before the need to still need part of it, and what we're gonna do it put children instead of, you know print widgets here, you're gonna put list file dot d void. Now, so let's talk about this lists are devoid titles. And in here we can put the context context and then we put titles and here is an array of tiles.to list so convert it to a list which is what the children property need. And in here we can put all of our list types. So if I copy that and paste it here, or you know, do it multiple times. As you can see, I've got no divider I haven't heard divided here but as you can see They all have a divider in between them.

And that's a great way of implementing a divider between all lists tall without manually putting extra dividers. And that way you can keep them consistent. And you can change the color property right. Yeah. So that's it for the divider, and also a little extra thing that deployed title feature. If you have any questions, feel free to drop me a message.

And as usual, I really look forward to seeing you in the next video.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.