Calculator Part 2 - Implementing The Tabs

5 minutes
Share the link to this page
You need to have access to the item to view this lesson.
One-time Fee
List Price:  $139.99
You save:  $40
List Price:  €128.82
You save:  €36.80
List Price:  £109.74
You save:  £31.35
List Price:  CA$191.13
You save:  CA$54.61
List Price:  A$210.68
You save:  A$60.19
List Price:  S$188.83
You save:  S$53.95
List Price:  HK$1,092.95
You save:  HK$312.29
CHF 91.34
List Price:  CHF 127.88
You save:  CHF 36.54
NOK kr1,052.31
List Price:  NOK kr1,473.28
You save:  NOK kr420.96
DKK kr686.58
List Price:  DKK kr961.24
You save:  DKK kr274.66
List Price:  NZ$227.97
You save:  NZ$65.13
List Price:  د.إ514.17
You save:  د.إ146.91
List Price:  ৳16,408.23
You save:  ৳4,688.40
List Price:  ₹11,637.16
You save:  ₹3,325.14
List Price:  RM657.67
You save:  RM187.92
List Price:  ₦206,269.66
You save:  ₦58,938.40
List Price:  ₨38,916.02
You save:  ₨11,119.65
List Price:  ฿5,127.43
You save:  ฿1,465.08
List Price:  ₺4,505.30
You save:  ₺1,287.32
List Price:  B$723.91
You save:  B$206.84
List Price:  R2,571.91
You save:  R734.88
List Price:  Лв252.38
You save:  Лв72.11
List Price:  ₩190,499.14
You save:  ₩54,432.21
List Price:  ₪515.38
You save:  ₪147.26
List Price:  ₱8,140.48
You save:  ₱2,326.02
List Price:  ¥21,963.82
You save:  ¥6,275.82
List Price:  MX$2,336.09
You save:  MX$667.50
List Price:  QR510.10
You save:  QR145.75
List Price:  P1,900.64
You save:  P543.07
List Price:  KSh18,618.67
You save:  KSh5,320
List Price:  E£6,599.78
You save:  E£1,885.78
List Price:  ብር8,037.80
You save:  ብር2,296.67
List Price:  Kz118,908.34
You save:  Kz33,976.24
List Price:  CLP$126,117.11
You save:  CLP$36,036.03
List Price:  CN¥1,014.10
You save:  CN¥289.76
List Price:  RD$8,237.97
You save:  RD$2,353.87
List Price:  DA18,843.53
You save:  DA5,384.25
List Price:  FJ$311.92
You save:  FJ$89.12
List Price:  Q1,086.64
You save:  Q310.49
List Price:  GY$29,266.81
You save:  GY$8,362.54
ISK kr13,793.62
List Price:  ISK kr19,311.62
You save:  ISK kr5,518
List Price:  DH1,395.33
You save:  DH398.69
List Price:  L2,480.56
You save:  L708.78
List Price:  ден7,930.17
You save:  ден2,265.92
List Price:  MOP$1,125.70
You save:  MOP$321.65
List Price:  N$2,570.90
You save:  N$734.59
List Price:  C$5,148.73
You save:  C$1,471.17
List Price:  रु18,603.56
You save:  रु5,315.68
List Price:  S/522.95
You save:  S/149.42
List Price:  K543.64
You save:  K155.33
List Price:  SAR525.05
You save:  SAR150.02
List Price:  ZK3,733.66
You save:  ZK1,066.83
List Price:  L641.14
You save:  L183.19
List Price:  Kč3,187.01
You save:  Kč910.64
List Price:  Ft49,549.41
You save:  Ft14,157.98
SEK kr1,062.40
List Price:  SEK kr1,487.41
You save:  SEK kr425
List Price:  ARS$124,696.09
You save:  ARS$35,630
List Price:  Bs966.60
You save:  Bs276.19
List Price:  COP$540,370.17
You save:  COP$154,402.50
List Price:  ₡71,720.93
You save:  ₡20,493.15
List Price:  L3,457
You save:  L987.78
List Price:  ₲1,052,195.01
You save:  ₲300,648.62
List Price:  $U5,389.29
You save:  $U1,539.90
List Price:  zł547.82
You save:  zł156.53
Already have an account? Log In


Hello, in this video, we are going to go through and implement each one of the tabs. So once we've got one implemented, the other three should be easy to do, because all they are is gonna have two numbers or two. So you can, you know, take in numbers, we're gonna add them together, and then pump out the result from the difference in the operation. That's it. So to do this, and now contained actually before here, we're gonna create a few variables, let's say double number one. I wouldn't need an integer for this because the user might input you know, decimal values, if you want to restrict them to that point as well.

Double go to zero, and putting a zero because this is what's going to be displayed in our text, which is going to be the result and by default, instead of having, no we have no zero, this looks a bit better. Now in our container, we can create Take quantum. And in here I'm going to have a textfield. No pun intended, you know the children array first. So now textfield and this is going to be the first text field and the only thing in here that we're going to do say unchanged. Yes string value.

We're going to do no one is equal to double dot path will need to pass the string value and we'll copy and paste this for the next text field. And the only difference being here need a semi colon and difference here we're going to assign this to these seven. Now we are going to either button or raved buttons that you can do any sort of button you want to create, you know, a, an icon button if you want to or anything, child, and we'll say text. And this should be raised and say add. So we'll change that for the different tabs when I say on pressed, so when it is impressed, I'm going to change the state. And this will allow us to update, you know, our text which you know, will be displayed result, which is something we're going to implement.

We know one plus two. Now, last thing, we need to create the text. This is going to be strain is going to be dollar results. And that is it. I think we're ready to do you know, just to run it for the first tab. There we go.

So if I type in 50 A typing nine, we should get results 6073 added. Fantastic. Now, let's activate for all the other tabs. So for all I need to do is copy and paste the container, Copy that, before I do that, actually, instead of that, because inside of it, there's nothing you're referring to addition state or anything up and copy just the entire contents of the actual class. Look so and on the same for this one, I'm going to do the modifications in a second. So while this is still in my clipboard and paste it for the right to modification lane is do change this to subtract.

That's just a visual thing and then change the functionality and that's it. chain to do this to multiply multi ply and then changes to the asterisk for multiplication functionality changes to do ROI changes to a four slash for the division functionality. And if I rerun it, okay, so we got, you know, 58 nine, that works fine. We got to subtract 58 nine, we have 49 for the 58 times by nine, what would that be that we like 450 plus the 72. I'm saying 522. Okay, and 58 divided by nine gets a 6.45.

Okay, that's all pretty know well and good. What happens is, these tabs are persistent. So our focus is on this one. So if I go to this one, focus on there, go back to division. It removes all the content from the other tabs that's not good at all, in our calculator or in any application because what is actually happening is actually on the Lydda for a separate video. Next video, we're going to fix this problem, and I'll explain what actually is happening.

If you have any questions, feel free to pop me a message. And as usual, I look forward to seeing you in the next video.

Sign Up


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.