Calculator Part 2 - Implementing The Tabs

5 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
€96.21
List Price:  €134.70
You save:  €38.49
£79.93
List Price:  £111.90
You save:  £31.97
CA$143.79
List Price:  CA$201.32
You save:  CA$57.52
A$160.48
List Price:  A$224.69
You save:  A$64.20
S$135.83
List Price:  S$190.17
You save:  S$54.33
HK$777.07
List Price:  HK$1,087.93
You save:  HK$310.86
CHF 89.45
List Price:  CHF 125.24
You save:  CHF 35.78
NOK kr1,141.95
List Price:  NOK kr1,598.78
You save:  NOK kr456.82
DKK kr717.64
List Price:  DKK kr1,004.72
You save:  DKK kr287.08
NZ$177.52
List Price:  NZ$248.53
You save:  NZ$71.01
د.إ367.25
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,994.74
List Price:  ৳16,793.12
You save:  ৳4,798.37
₹8,496.63
List Price:  ₹11,895.62
You save:  ₹3,398.99
RM450.75
List Price:  RM631.07
You save:  RM180.32
₦155,628.43
List Price:  ₦217,886.03
You save:  ₦62,257.60
₨27,934.96
List Price:  ₨39,110.06
You save:  ₨11,175.10
฿3,444.45
List Price:  ฿4,822.37
You save:  ฿1,377.92
₺3,518.54
List Price:  ₺4,926.10
You save:  ₺1,407.55
B$617.53
List Price:  B$864.57
You save:  B$247.04
R1,837.80
List Price:  R2,572.99
You save:  R735.19
Лв188.31
List Price:  Лв263.64
You save:  Лв75.33
₩144,872.25
List Price:  ₩202,826.95
You save:  ₩57,954.69
₪364.89
List Price:  ₪510.86
You save:  ₪145.97
₱5,883.01
List Price:  ₱8,236.45
You save:  ₱2,353.44
¥15,672.80
List Price:  ¥21,942.55
You save:  ¥6,269.75
MX$2,028.91
List Price:  MX$2,840.56
You save:  MX$811.64
QR366.34
List Price:  QR512.89
You save:  QR146.55
P1,382.59
List Price:  P1,935.69
You save:  P553.09
KSh12,923.70
List Price:  KSh18,093.70
You save:  KSh5,170
E£5,091.27
List Price:  E£7,127.98
You save:  E£2,036.71
ብር12,764.56
List Price:  ብር17,870.89
You save:  ብር5,106.33
Kz91,790.82
List Price:  Kz128,510.82
You save:  Kz36,720
CLP$99,155.08
List Price:  CLP$138,821.08
You save:  CLP$39,666
CN¥729.81
List Price:  CN¥1,021.77
You save:  CN¥291.95
RD$6,104.52
List Price:  RD$8,546.58
You save:  RD$2,442.05
DA13,454.60
List Price:  DA18,836.98
You save:  DA5,382.37
FJ$232.11
List Price:  FJ$324.96
You save:  FJ$92.85
Q773.21
List Price:  Q1,082.52
You save:  Q309.31
GY$21,000.46
List Price:  GY$29,401.48
You save:  GY$8,401.02
ISK kr13,903.60
List Price:  ISK kr19,465.60
You save:  ISK kr5,562
DH1,007.40
List Price:  DH1,410.40
You save:  DH403
L1,841.78
List Price:  L2,578.57
You save:  L736.78
ден5,922.50
List Price:  ден8,291.74
You save:  ден2,369.23
MOP$803.42
List Price:  MOP$1,124.82
You save:  MOP$321.40
N$1,834.70
List Price:  N$2,568.66
You save:  N$733.95
C$3,694.32
List Price:  C$5,172.20
You save:  C$1,477.87
रु13,665.58
List Price:  रु19,132.35
You save:  रु5,466.77
S/374.71
List Price:  S/524.60
You save:  S/149.89
K406.86
List Price:  K569.63
You save:  K162.76
SAR375.72
List Price:  SAR526.02
You save:  SAR150.30
ZK2,777.96
List Price:  ZK3,889.25
You save:  ZK1,111.29
L478.81
List Price:  L670.35
You save:  L191.54
Kč2,418.25
List Price:  Kč3,385.65
You save:  Kč967.40
Ft39,800.47
List Price:  Ft55,722.25
You save:  Ft15,921.78
SEK kr1,103.66
List Price:  SEK kr1,545.17
You save:  SEK kr441.50
ARS$102,190.76
List Price:  ARS$143,071.15
You save:  ARS$40,880.39
Bs693.61
List Price:  Bs971.08
You save:  Bs277.47
COP$437,799.12
List Price:  COP$612,936.28
You save:  COP$175,137.16
₡50,480.33
List Price:  ₡70,674.48
You save:  ₡20,194.15
L2,548.03
List Price:  L3,567.35
You save:  L1,019.31
₲784,126.06
List Price:  ₲1,097,807.85
You save:  ₲313,681.79
$U4,460.41
List Price:  $U6,244.75
You save:  $U1,784.34
zł409.96
List Price:  zł573.96
You save:  zł164
Already have an account? Log In

Transcript

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

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.