1

00:00:00,270 --> 00:00:04,620

So here I'm going to paste in some lines of code inside me an activity class and then I'm going to explain



2

00:00:04,620 --> 00:00:06,120

to you what's going on here.



3

00:00:06,150 --> 00:00:08,290

So as you can see here this is our Meffert.



4

00:00:08,320 --> 00:00:08,840

OK.



5

00:00:09,000 --> 00:00:15,060

And as you can see the Axis modified for this private's and the return type of the Smif it is void and



6

00:00:15,060 --> 00:00:18,690

the name of this method is let's add the images to the view flipper.



7

00:00:18,840 --> 00:00:23,550

So as you can see inside this content underline minute example you have of your Flipper here and you



8

00:00:23,550 --> 00:00:28,220

want to actually actually add the images the animal images into this of you flipper here.



9

00:00:28,230 --> 00:00:32,940

So in this main activity that Jubber file the name of this method is let's add the images to the view



10

00:00:32,940 --> 00:00:37,780

flipper and this it actually accept an argument of type of view flipper.



11

00:00:37,830 --> 00:00:38,350

OK.



12

00:00:38,550 --> 00:00:42,400

So here inside is Meffert I created a for loop as you can see here.



13

00:00:42,660 --> 00:00:48,480

And inside Apprentice's of this for the first table I created an integer value of type as you can see



14

00:00:48,930 --> 00:00:50,920

the name of this value is index.



15

00:00:51,150 --> 00:00:53,710

And I assigned a value zero to this variable.



16

00:00:53,820 --> 00:00:59,550

And here I specify the condition which determines how many times this loop is going to be executed.



17

00:00:59,550 --> 00:01:05,790

So until the value of this index valuable is actually less than the value of the length of any of the



18

00:01:05,790 --> 00:01:10,740

animal images of this animal class then this group is going to be executed.



19

00:01:10,770 --> 00:01:15,260

So remember that inside this animal class we declared this very aesthetic.



20

00:01:15,270 --> 00:01:15,660

OK.



21

00:01:15,720 --> 00:01:20,360

So we can access this Aure without creating an object from the Animal class.



22

00:01:20,400 --> 00:01:20,830

OK.



23

00:01:20,910 --> 00:01:23,410

So I just refer to the name of this class animal.



24

00:01:23,520 --> 00:01:25,470

That animal image just Auret.



25

00:01:25,530 --> 00:01:25,990

OK.



26

00:01:26,190 --> 00:01:31,800

And here I specify that after each execution of this for loop the value of this index value is going



27

00:01:31,800 --> 00:01:33,230

to be incremented by 1.



28

00:01:33,270 --> 00:01:33,920

OK.



29

00:01:34,200 --> 00:01:39,750

And then inside this loop as you can see here first of all I created an object of type image view new



30

00:01:39,750 --> 00:01:45,210

image view and for the constructed of this image you mean to actually pass are actually a context.



31

00:01:45,210 --> 00:01:51,330

So the sort of context would be are these class main activity that this and here I actually set an image



32

00:01:51,330 --> 00:01:56,970

to this image view image view that set image resource animal that images Suppe index.



33

00:01:56,970 --> 00:02:03,360

So it's going to actually set the specific image inside that specific of index of animal images.



34

00:02:03,570 --> 00:02:07,730

As you can see inside these animal images as you can see here inside this Animal class.



35

00:02:07,740 --> 00:02:08,390

OK.



36

00:02:08,880 --> 00:02:09,960

And here are.



37

00:02:10,080 --> 00:02:11,060

Let's set it up.



38

00:02:11,070 --> 00:02:12,840

So here I call this method.



39

00:02:13,050 --> 00:02:19,090

Let's lay out problems for you and then I passed this image you to this method as you can see.



40

00:02:19,470 --> 00:02:24,650

So this it is going to be so that our image is going to be in sight and are linearly out.



41

00:02:24,690 --> 00:02:31,080

So in this content underlaid minute example here as you can see we have this view flipper in so it is



42

00:02:31,140 --> 00:02:32,080

linearly out.



43

00:02:32,100 --> 00:02:32,630

OK.



44

00:02:32,820 --> 00:02:36,310

So we are allowed to actually use that method.



45

00:02:36,390 --> 00:02:41,700

Use this or set let's say perhaps for you as you can see we use this little linearly out here.



46

00:02:41,700 --> 00:02:42,250

OK.



47

00:02:42,540 --> 00:02:49,550

So here after calling this Meffert we actually referred to the name of this object image that said paddings



48

00:02:49,560 --> 00:02:56,310

So here I am actually specifying the padding of my image view one for the left 100 for the top 100 for



49

00:02:56,310 --> 00:02:58,600

the right and 100 for the bottom.



50

00:02:58,770 --> 00:03:04,180

And here I actually added this image view OK to this view fully per object.



51

00:03:04,200 --> 00:03:04,620

OK.



52

00:03:04,680 --> 00:03:07,890

So we have this it can say this content underlined made that example.



53

00:03:07,890 --> 00:03:09,390

Here you have this view flipper.



54

00:03:09,390 --> 00:03:14,970

And here we want to actually look at this image use that we actually create throughout this for loop.



55

00:03:15,030 --> 00:03:15,460

OK.



56

00:03:15,540 --> 00:03:19,560

Inside these for loop of you we want to actually add these images to the flipper.



57

00:03:19,720 --> 00:03:26,100

OK so now I find Let's actually create another method here.



58

00:03:26,100 --> 00:03:30,210

So I'm just gonna paste in some lines of code here and then I'm going to explain to you what's going



59

00:03:30,210 --> 00:03:30,760

on here.



60

00:03:30,930 --> 00:03:35,130

So as you can see here these are the lines of code that they actually pasted here.



61

00:03:35,130 --> 00:03:36,890

Here I actually created another Meffert.



62

00:03:36,900 --> 00:03:42,540

And as you can see the axis of this method is private the return type of this method is void and the



63

00:03:42,540 --> 00:03:46,090

name of this method is let's add the images to the view animator.



64

00:03:46,100 --> 00:03:51,060

And as you can see here inside this content underlined that example you have this of your animator here.



65

00:03:51,060 --> 00:03:51,390

OK.



66

00:03:51,450 --> 00:03:54,890

So if you want to actually add the images to the view animator at this time.



67

00:03:54,930 --> 00:03:55,420

OK.



68

00:03:55,640 --> 00:04:01,320

So as you can see this mirror that she accepts an argument of type you animator and the name of this



69

00:04:01,320 --> 00:04:03,000

argument is your animator.



70

00:04:03,000 --> 00:04:05,510

And inside is for loop as you can see here.



71

00:04:05,650 --> 00:04:10,530

First the first on inside the prentices of this world I created of Oleate but of type integer and the



72

00:04:10,530 --> 00:04:14,690

name of this value is indexed and I assigned the value zero to this value.



73

00:04:14,850 --> 00:04:20,160

And here I specify the condition of which determines how many times this loop is going to be executed.



74

00:04:20,280 --> 00:04:25,910

So until the value of the index variable is less than the value of the length of binary images at 8



75

00:04:25,920 --> 00:04:29,740

that is inside of this animal class then this loop is going to be executed.



76

00:04:30,000 --> 00:04:36,380

And here I actually specified that after each execution of this for a loop the value of this index variable



77

00:04:36,390 --> 00:04:38,350

is going to be incremented by 1.



78

00:04:38,550 --> 00:04:39,650

An insight is for a loop.



79

00:04:39,660 --> 00:04:41,560

As you can see here we have these lines of code.



80

00:04:41,700 --> 00:04:47,580

So here first of all I created actually an object of type image view and here for the constructor of



81

00:04:47,580 --> 00:04:50,330

this image we actually passed the context.



82

00:04:50,370 --> 00:04:53,190

So the context is the name of this class main activity that this.



83

00:04:53,250 --> 00:04:53,980

OK.



84

00:04:54,270 --> 00:05:00,160

And here I actually want to set an image to our image view so image that set image resource.



85

00:05:00,200 --> 00:05:00,570

OK.



86

00:05:00,630 --> 00:05:05,670

So we've got to actually assign an image from the resources of our project.



87

00:05:05,670 --> 00:05:06,120

OK.



88

00:05:06,180 --> 00:05:10,440

So that image resource animal that animal images some index.



89

00:05:10,440 --> 00:05:15,040

OK so it's going actually assigned a specific image to our image view.



90

00:05:15,360 --> 00:05:21,150

And here as you can see we have this let's lay out palms for image view image view so here we called



91

00:05:21,510 --> 00:05:22,180

this method.



92

00:05:22,230 --> 00:05:24,750

As you can see literally as perhaps for imagery.



93

00:05:25,050 --> 00:05:28,450

And as you can see here inside is our content underline minute.



94

00:05:28,490 --> 00:05:29,140

They smell.



95

00:05:29,220 --> 00:05:31,100

We have this of your animator.



96

00:05:31,110 --> 00:05:33,410

Insight is linearly tickle OK.



97

00:05:33,510 --> 00:05:36,850

So we are allowed to actually use this method.



98

00:05:36,850 --> 00:05:41,330

This of let's lay out problems for you here for these of you animator.



99

00:05:41,400 --> 00:05:42,040

OK.



100

00:05:42,180 --> 00:05:45,820

Because our Actually our images are going to be inside linearly out.



101

00:05:45,840 --> 00:05:46,340

OK.



102

00:05:46,470 --> 00:05:51,870

So as you can see inside this method here I actually used linearly with that lay out palms.



103

00:05:51,870 --> 00:05:52,590

OK.



104

00:05:52,980 --> 00:05:54,480

So hopefully that makes sense.



105

00:05:54,630 --> 00:06:01,380

And here I actually set the padding for my image view 100 for the left 100 for the top 100 for the right



106

00:06:01,440 --> 00:06:03,330

and 100 for the bottom.



107

00:06:03,360 --> 00:06:09,450

And here I want to actually add the images that they actually create inside this loop to this view animator.



108

00:06:09,570 --> 00:06:10,080

OK.



109

00:06:10,320 --> 00:06:16,050

So now I mean this actually create another Meffert inside this class.



110

00:06:16,050 --> 00:06:18,580

So here I am I just get a pasting sometimes.



111

00:06:18,780 --> 00:06:21,990

Sometimes I've got here and then I'm going to explain to you what's going on here.



112

00:06:21,990 --> 00:06:26,140

So as you can see here are these are the lines of code that they actually pasted here.



113

00:06:26,190 --> 00:06:31,350

And as you can see that the axis modifier of this method is private the return type of this method is



114

00:06:31,350 --> 00:06:35,850

void and the name of this Moffit is used animation for Flipper.



115

00:06:35,970 --> 00:06:36,420

OK.



116

00:06:36,510 --> 00:06:41,430

So as you can see here inside these emulator these are actually application them all.



117

00:06:41,640 --> 00:06:46,070

And here are these images are actually the inside of you flipper as you can see here.



118

00:06:46,080 --> 00:06:46,580

OK.



119

00:06:46,680 --> 00:06:50,550

And here I want to actually show you some animation effects on these images.



120

00:06:50,550 --> 00:06:56,040

So here are these methods I should accept an argument of type if you flipper as you can see and hear



121

00:06:56,060 --> 00:06:57,240

inside the Smurfette.



122

00:06:57,300 --> 00:07:01,560

First of all I actually specified a set in animation and in animation.



123

00:07:01,560 --> 00:07:07,590

So then they use that clicks for example clicks on this next spot in here as you can see here this animation



124

00:07:07,590 --> 00:07:08,030

in fact.



125

00:07:08,050 --> 00:07:14,290

OK we can see that this late in this late in left animation actually takes place here.



126

00:07:14,400 --> 00:07:19,820

As you can see click click here as you can see this loading up lift animation.



127

00:07:19,980 --> 00:07:24,810

So when the user clicks on this image and when the image is going to be disappear.



128

00:07:25,050 --> 00:07:26,620

From this screen.



129

00:07:26,940 --> 00:07:32,050

This actually this piece of code is going to be executed view Flipper's that set out animation.



130

00:07:32,190 --> 00:07:35,950

OK animation you tell us that animation main activity that is.



131

00:07:35,950 --> 00:07:40,110

So first of all we need to actually specify the context as you can see here.



132

00:07:40,230 --> 00:07:44,760

And then we need to specify the specific type of animation that we want to use on our images.



133

00:07:44,800 --> 00:07:50,910

So when the user clicks on this next button here as you can see at this set in animation takes place



134

00:07:51,480 --> 00:07:52,800

as you can see in animation.



135

00:07:52,930 --> 00:07:58,650

And then when they use it actually clicks on the next button and when the image is going to be disappears



136

00:07:58,650 --> 00:07:59,730

from the screen.



137

00:07:59,800 --> 00:08:02,910

This set out animation actually is going to be executed.



138

00:08:02,920 --> 00:08:07,430

OK animation you tell us that animation main activity that this is this is the context.



139

00:08:07,580 --> 00:08:10,740

And here this is the type of animation that I want to be.



140

00:08:10,800 --> 00:08:16,890

I want I wanted to be executed on this image and use it when the image is going to be disappears from



141

00:08:16,890 --> 00:08:17,400

the screen.



142

00:08:17,400 --> 00:08:17,800

OK.



143

00:08:17,940 --> 00:08:21,900

So now as you can see of the image is going to be disappeared from the screen.



144

00:08:21,900 --> 00:08:23,840

This piece of code here is going to be executed.



145

00:08:23,850 --> 00:08:24,500

OK.



146

00:08:24,870 --> 00:08:28,040

And now this is the type of animation that we want to use.



147

00:08:28,050 --> 00:08:30,950

And these are Andi's of Flipper.



148

00:08:31,070 --> 00:08:31,340

OK.



149

00:08:31,350 --> 00:08:35,800

What you want to actually use another type of animation on this of your animator.



150

00:08:35,910 --> 00:08:36,480

OK.



151

00:08:36,600 --> 00:08:43,530

So here I just need to create another fit for that view animator inside this main activity class.



152

00:08:44,040 --> 00:08:48,510

So here I'm just going to paste in some lines of code here and then I'm going to explain to you what's



153

00:08:48,510 --> 00:08:49,810

going on here.



154

00:08:49,830 --> 00:08:53,320

So as you can see here this is them after they actually paste that here.



155

00:08:53,520 --> 00:08:56,560

And as you can see that the axis modifier of this Meffert is private.



156

00:08:56,670 --> 00:08:58,510

The return type of this if it is void.



157

00:08:58,680 --> 00:09:04,400

And as you can see here the name of this method is used animation for view animator as you can see here.



158

00:09:04,410 --> 00:09:04,870

OK.



159

00:09:05,100 --> 00:09:08,510

And this move it actually accepts an argument of type if you animator.



160

00:09:08,640 --> 00:09:12,900

And here as you can see I use I specified the animation setting animation.



161

00:09:12,900 --> 00:09:18,960

So when the user clicks on this next button as you can see here now we can see that this type of animation



162

00:09:18,960 --> 00:09:23,730

is going to be is going to take place here on this image as you can see.



163

00:09:23,730 --> 00:09:30,390

And with that are that and in that fade in as you can see here and now Aravinda image is going to be



164

00:09:30,480 --> 00:09:35,090

disappeared from the screen as you can see this piece of got here is going to be executed.



165

00:09:35,390 --> 00:09:38,120

And Royte that are that and that fade out.



166

00:09:38,150 --> 00:09:42,020

OK so our image is going to be faded out as you can see here.



167

00:09:42,420 --> 00:09:44,570

So hopefully that makes sense.