Name: 起動画面を備えたレトロな電卓iOSアプリ - iDev Journey #13 (Retro Calculator iOS App with Launch Screen - iDev Journey #13)
Uploaded: 2021-01-14T10:21:14.000Z
Duration: 13 min 21 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

未来形

Ida Journey Episode 13 And today we're going to go over a bit about the wretched calculator again.

This time, Mark's going into the exercise.

So And the exercises Mark explains in lecture 57 enhancing the calculator, we implement a launch screen and we implement a clear but because before, if we were to just type in our calculator, we would type in two studios for and there's no way to cleared after that.

So we implement both of those in this video, and I'm gonna send us on over to the computer and you'll see how the video speeds up and whatnot.

More voiceover right now, just so you don't get confused.

We're just going to implement the launch screen.

So what we're gonna do is we're gonna come over here to Rachel calculator, make sure you're in the general tabs.

You're going to scroll down to launch screen, file within at high concept launch images.

Choose the watch screen dot storyboard and you'll see over here lost screen that storyboard and you have a blank view controller.

Don't get this confused with the main story board.

And Mark provided us with these image files we're gonna use in order to make the launch screen.

So we gonna download those and what I'm doing now is dragging on into our assets folder.

As you could see, all of them were there one times image, and we're gonna have to create image views on this view controller.

First, we're gonna start off with the big background.

We're going to set our constraints zero to each side.

It's the one and always stretch across the whole entire screen, and we're gonna go up and select image, and we're going to select the background.

We're gonna select the launch background and not aspect fit, but aspect, Phil.

So it fills the whole entire thing, and then we're going to create this little thes rock center at the bottom.

Same thing image view there the constraints on the left, right and bottom and I realized while doing this are really and I realized after doing all this on you, miss a few restraints, but our constraints.

So and I also set a high constraint because I don't want that fluctuating.

And we made that launch ground, which are the rocks, and we aspect filled that as well so it could stretch as needed.

So we just want this to be one size across all screens serve on 1/3 constraints on to keep this image the same with in the same height that crossed all across all screens.

We're also going to third constraining there in order to keep it closer to the top.

And now we throw in our retro Cal HQ image.

You throwing all of the images, you line them up to how you want them, and you throw the constraints in there and make sure you select the correct aspect fit aspect, Phil, whatever you need.

And as you can see here, some of the constraints aren't really working.

Well, I didn't implement the proper constraints.

I need Thio implement horizontally and container constraints too.

Everything that I wanted horizontal which is Rancho Couch in the robot now it doesn't look perfect on the iPad, But, I mean, it's as close as you're gonna get with something just that simple.

These air, just like the examples that Mark gave us.

Instead of making a little bit bigger on the iPad.

I just kept the same size all across the board.

And as you can see, here is a lot of screen.

We could go back and say we click on the answer.

And now you're able to use your calculator and that's really it for the long screen.

You know, there are some wash means where you do animations like uber.

If you open that up, the launch screen has animations.

With this one so simple, you just we just throw it four images.

We made sure the constraints were correct.

We tested them on each device of course, you would want to do thorough tests if this was going to market, but for our purpose.

Even the simulators reviewed it An X code and it aligned properly.

And we tested in the simulator with this with the iPhone S E.

Now that we did that, we have to go implement the clear button.

This took a little bit longer, so it's gonna take a little bit longer now.

But that's okay, because it's a lot more to it, sort of just putting four images on the screen and making sure there are lines.

So instead of dragging him, an image you were going to do is dragon a button and we're not gonna make it look too pretty.

We're just gonna bring it on over here under what we have currently gonna take out the word button and in background, we're going to put in our background image, which is the clear image, the clear button image.

Make sure you throw the image in background instead of image, which is located right above background.

Because if you put in image, if I remember correctly, it didn't line up inside the actual box properly.

You can test it out for yourself, do whatever works for you.

But background works for me, so I'm going to stick with that.

And with this, I didn't really change with aspect fit aspect, Phil.

We have been apart assistant editor and create an Ivy action for on Clear Press before we did on equal pressed on ad press.

And so one this time we're gonna do own clear press.

And this first time around, I didn't do it correctly.

But we're gonna go through when I did incorrectly, just so you can see.

Anyway, it wasn't exactly sure what to do.

I didn't know if I need to create another case or finding the created if statement or what exactly I need to Maybe I need to create another far.

But I realized soon after that I didn't need to do any of those things.

I tried to match the syntax of the other.

I be actions by making it dot empty, Just like above.

I connected the ivy action to the actual clear button.

And as you can see, I didn't set the constraints properly on my clear button, so you can't really even see it, But I could still click it, and it it doesn't work, so that I was he didn't work.

So here I'm setting the constraints of what not?

And I'm gonna fast forward a bit to where I'm actually doing this correctly.

So I thought I shouldn't need this process operation.

After doing a bit of research, I can Just Whenever the but nous pressed, I could just make result zero.

But I also need to create or make the Operation zero, and I need to make the running number zero is well, and I didn't declare the proper things.

I put imager into a string and I put a string into a manager or something like that.

So make sure you always use right things or else that just simply won't work.

Before I realized what I don't have tried to change any object to you, I button.

字幕リスト動画再生

起動画面を備えたレトロな電卓iOSアプリ - iDev Journey #13 (Retro Calculator iOS App with Launch Screen - iDev Journey #13)

aspect

stretch

properly

basically