CupertinoSegmentedControl

3 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
€86.01
List Price:  €120.42
You save:  €34.40
£74.81
List Price:  £104.74
You save:  £29.92
CA$140.36
List Price:  CA$196.52
You save:  CA$56.15
A$153.31
List Price:  A$214.64
You save:  A$61.33
S$129.59
List Price:  S$181.43
You save:  S$51.84
HK$777.20
List Price:  HK$1,088.11
You save:  HK$310.91
CHF 80.06
List Price:  CHF 112.08
You save:  CHF 32.02
NOK kr1,008.72
List Price:  NOK kr1,412.25
You save:  NOK kr403.53
DKK kr642.39
List Price:  DKK kr899.38
You save:  DKK kr256.98
NZ$174.54
List Price:  NZ$244.36
You save:  NZ$69.82
د.إ367.21
List Price:  د.إ514.11
You save:  د.إ146.90
৳12,119.99
List Price:  ৳16,968.48
You save:  ৳4,848.48
₹8,800.29
List Price:  ₹12,320.75
You save:  ₹3,520.46
RM423.15
List Price:  RM592.43
You save:  RM169.28
₦145,694.42
List Price:  ₦203,978.02
You save:  ₦58,283.60
₨28,171.53
List Price:  ₨39,441.27
You save:  ₨11,269.74
฿3,254.57
List Price:  ฿4,556.53
You save:  ฿1,301.96
₺4,183.93
List Price:  ₺5,857.67
You save:  ₺1,673.74
B$548.52
List Price:  B$767.95
You save:  B$219.43
R1,730.15
List Price:  R2,422.28
You save:  R692.13
Лв168.07
List Price:  Лв235.30
You save:  Лв67.23
₩142,282.91
List Price:  ₩199,201.77
You save:  ₩56,918.85
₪329.21
List Price:  ₪460.90
You save:  ₪131.69
₱5,815.41
List Price:  ₱8,141.81
You save:  ₱2,326.40
¥15,134.32
List Price:  ¥21,188.66
You save:  ¥6,054.33
MX$1,844.85
List Price:  MX$2,582.87
You save:  MX$738.01
QR362.77
List Price:  QR507.90
You save:  QR145.12
P1,339.46
List Price:  P1,875.31
You save:  P535.84
KSh12,918.70
List Price:  KSh18,086.70
You save:  KSh5,168
E£4,765.40
List Price:  E£6,671.75
You save:  E£1,906.35
ብር14,705.08
List Price:  ብር20,587.71
You save:  ብር5,882.62
Kz91,188.68
List Price:  Kz127,667.80
You save:  Kz36,479.12
CLP$95,969.40
List Price:  CLP$134,361
You save:  CLP$38,391.60
CN¥712.57
List Price:  CN¥997.63
You save:  CN¥285.06
RD$6,296.16
List Price:  RD$8,814.88
You save:  RD$2,518.71
DA13,033.72
List Price:  DA18,247.74
You save:  DA5,214.01
FJ$227.25
List Price:  FJ$318.16
You save:  FJ$90.91
Q762.14
List Price:  Q1,067.02
You save:  Q304.88
GY$20,816.37
List Price:  GY$29,143.75
You save:  GY$8,327.38
ISK kr12,180.78
List Price:  ISK kr17,053.58
You save:  ISK kr4,872.80
DH914.76
List Price:  DH1,280.70
You save:  DH365.94
L1,691.31
List Price:  L2,367.90
You save:  L676.59
ден5,299.47
List Price:  ден7,419.47
You save:  ден2,120
MOP$796.77
List Price:  MOP$1,115.52
You save:  MOP$318.74
N$1,741
List Price:  N$2,437.48
You save:  N$696.47
C$3,661.69
List Price:  C$5,126.51
You save:  C$1,464.82
रु14,131.62
List Price:  रु19,784.83
You save:  रु5,653.21
S/340.77
List Price:  S/477.09
You save:  S/136.32
K424.55
List Price:  K594.39
You save:  K169.83
SAR375
List Price:  SAR525.02
You save:  SAR150.01
ZK2,246.10
List Price:  ZK3,144.63
You save:  ZK898.53
L437.71
List Price:  L612.82
You save:  L175.10
Kč2,087.79
List Price:  Kč2,922.99
You save:  Kč835.20
Ft33,593.60
List Price:  Ft47,032.39
You save:  Ft13,438.78
SEK kr948.50
List Price:  SEK kr1,327.94
You save:  SEK kr379.44
ARS$135,744.02
List Price:  ARS$190,047.06
You save:  ARS$54,303.04
Bs687.55
List Price:  Bs962.60
You save:  Bs275.04
COP$389,970.69
List Price:  COP$545,974.58
You save:  COP$156,003.88
₡50,068.42
List Price:  ₡70,097.80
You save:  ₡20,029.37
L2,612.61
List Price:  L3,657.76
You save:  L1,045.15
₲700,390.53
List Price:  ₲980,574.77
You save:  ₲280,184.23
$U4,009.05
List Price:  $U5,612.84
You save:  $U1,603.78
zł366.18
List Price:  zł512.68
You save:  zł146.49
Already have an account? Log In

Transcript

Hello, in this video we are going to take a look at the Cupertino segmented control. Basically a little system that is split up into many buttons, you click it, you can do something. And what is commonplace on iOS devices and other devices? Well, it seems like a tab system. When you click it, it shows you some content, some buttons and text, etc. You click one of the other ones, it basically hides the stuff out, you know cornichons then he shows the other stuff, but the functionality is totally up to you.

I'm just gonna show you how to implement the segmented control as an extra task or when you to go step further, and maybe increments or like a page system that I just mentioned, though, to add this, it couldn't be simpler. I've got it in a you know in a safe area contain a column but a child you can add the Cupertino, Cupertino segmented control and who then we have to To that we need to put in an extra test only to experiment with the border color press collect electrical lab and on selected for lab or on him dealing with these. For now. We are going to have the children or the segmented control. So for this cuz it's a mapping of prot digit in here you've put put your widgets and Sorry, I'm for the zero colon. That's basically the index.

And again, this could be a lot more complex but for this Pied Piper one text and one, two Option two. Let's save this and see what we get. Again error. And that's because I forgot to commend the unboxings because this is also in the required T for template and I've done printer printer too. Now, in the arrow, there we go. If I click one of them is zero, there's the next one, you get one or click the last one and if I click it multiple times, it'll print here multiple times Okay, my thinking you know, what color was with the you know, the underlined or like the text decoration, what is with the size, obviously, depending on the rest of the application may or may not look like this.

I created a textile previous to this video, and it just basically makes the technical black, remove the decoration and just load the font size. So I'm going to add this to the text style He was t style. And that decided to add that to all of them. And there we go. As you see, it looks a lot better. Now, that's really all there is to it.

So as an extra test, the fifth thing that we need to do is essentially created so you can actually have it and have like maybe, you know, different buttons here to hide and show them. The other thing I'm going to do is modify the colors inside the text file and also add a bit of padding because you know, I double spacing on the edges. It doesn't look very good. No problem. That's really all there is to it. If you have any questions, feel free to pop me a message.

And as usual, I look forward to see 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.