1

00:00:00,180 --> 00:00:05,890

Hire everyone in this tutorial we're going to go ahead and create another Android application.



2

00:00:06,030 --> 00:00:07,030

So just click on this.



3

00:00:07,020 --> 00:00:12,970

Start in your Android studio project here and then for the name of the application and just type in



4

00:00:12,970 --> 00:00:15,410

here app number 43.



5

00:00:15,600 --> 00:00:22,410

As you can see here and here you can specify the company domain package name and project location and



6

00:00:22,410 --> 00:00:32,270

then click on next here I'll choose API 16 Android 4.1 jellybean for a mini SDK next Blancher activity.



7

00:00:32,760 --> 00:00:35,500

Next aren't here.



8

00:00:35,720 --> 00:00:37,540

Don't try to change anything.



9

00:00:37,630 --> 00:00:38,980

And then click can finish.



10

00:00:39,130 --> 00:00:39,700

OK.



11

00:00:39,850 --> 00:00:43,320

Now let's actually did it this hello world takes you here.



12

00:00:43,570 --> 00:00:48,910

And as you can see here I have this floating action button here and I don't just want to actually delete



13

00:00:48,910 --> 00:00:51,380

this floating action button for this application.



14

00:00:51,550 --> 00:00:57,850

So just click on this activity underline made it examine inside this lay out a folder and then select



15

00:00:57,850 --> 00:01:01,860

this fluty an action button and then press on delete key on your keyboard.



16

00:01:01,870 --> 00:01:07,420

So I'll ask you to go back and say this content underline underline mean that example and here are you



17

00:01:07,420 --> 00:01:11,020

want to design the user interface of our application.



18

00:01:11,020 --> 00:01:16,400

Now let's actually tracked a linear layout vertical into these relatively out here.



19

00:01:16,410 --> 00:01:19,680

Just put it at the center of this relatively out here.



20

00:01:19,800 --> 00:01:20,390

OK.



21

00:01:20,740 --> 00:01:25,000

And now let's actually track of vertical scroll view.



22

00:01:25,180 --> 00:01:26,680

Contained in this folder.



23

00:01:26,800 --> 00:01:29,120

You have this vertical scroll view.



24

00:01:29,170 --> 00:01:29,770

OK.



25

00:01:30,010 --> 00:01:31,720

Just select it and put it inside.



26

00:01:31,720 --> 00:01:38,830

These are linearly outwards equal here and put it at the center of this linearly with vertical.



27

00:01:38,830 --> 00:01:44,510

So as you can see here are the lay out gravity of this scroll view is actually the center horizontal.



28

00:01:44,510 --> 00:01:45,200

OK.



29

00:01:45,670 --> 00:01:49,990

And now let's actually track and order linearly especially con.



30

00:01:50,110 --> 00:01:54,860

So as you know this scroll you actually only accepts one child.



31

00:01:54,880 --> 00:01:55,360

OK.



32

00:01:55,510 --> 00:02:00,930

So we just need to track another linearly out of vertical into this scroll you hear.



33

00:02:01,150 --> 00:02:07,320

And now we can actually put our own user interface components inside these linearly out vertical that



34

00:02:07,330 --> 00:02:08,940

is inside this scroll view.



35

00:02:08,950 --> 00:02:09,520

OK.



36

00:02:09,580 --> 00:02:12,810

Now let's actually select this scroll view here.



37

00:02:12,910 --> 00:02:13,540

OK.



38

00:02:13,750 --> 00:02:18,770

And as you can see Italy out of it is much apparent and the layout height is much apparent.



39

00:02:18,870 --> 00:02:19,460

OK.



40

00:02:19,540 --> 00:02:26,010

Now let's actually track a linearly out horizontal into this linearly or two vertical here.



41

00:02:26,130 --> 00:02:26,640

OK.



42

00:02:26,890 --> 00:02:29,050

So this is the linearly or horizontal.



43

00:02:29,350 --> 00:02:35,470

And now I want to actually track two buttons inside this linearly and horizontal that is inside these



44

00:02:35,680 --> 00:02:37,380

linearly as vertical OK.



45

00:02:37,540 --> 00:02:42,730

So let's actually drag a button as you can see we have this button inside these widgets folder.



46

00:02:42,820 --> 00:02:47,460

OK select it and put it inside these linearly as horizontal here.



47

00:02:47,650 --> 00:02:48,320

OK.



48

00:02:48,640 --> 00:02:50,670

And let's actually drag another button.



49

00:02:50,680 --> 00:02:55,330

So just select it and put it inside this linearly out horizontal here.



50

00:02:55,420 --> 00:02:56,020

OK.



51

00:02:56,260 --> 00:02:59,230

Now let's ask you to select this first button here.



52

00:02:59,230 --> 00:03:06,000

Double click on it and for the text just type in here let's make let's make a directory to downloads



53

00:03:07,860 --> 00:03:09,010

folder.



54

00:03:09,420 --> 00:03:09,910

OK.



55

00:03:10,110 --> 00:03:16,460

And for the ID just type in here Pythian download directory.



56

00:03:17,610 --> 00:03:18,200

OK.



57

00:03:18,420 --> 00:03:21,060

And then press Enter key on your keyboard.



58

00:03:21,480 --> 00:03:26,100

So now let's actually select this a second button here as you can see.



59

00:03:26,100 --> 00:03:32,310

Now let's actually find the ID attribute that is that is actually related to this second button and



60

00:03:32,310 --> 00:03:43,000

for the ID just type in here Pythian music directory and then person enter key on your keyboard.



61

00:03:43,190 --> 00:03:49,250

And for the text just typing here let's make a directory to music folder.



62

00:03:49,340 --> 00:03:52,290

Let's make it a directory to music.



63

00:03:53,350 --> 00:03:58,150

Folder and then person enter key on your keyboard.



64

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

So now as you can see we can see these two buttons very well.



65

00:04:02,260 --> 00:04:08,020

So just for like I said if both of these buttons here as you can see inside this componentry section



66

00:04:08,560 --> 00:04:11,770

and for the layout we assign the value 0.



67

00:04:12,190 --> 00:04:16,130

And for the lay out rate is the value of 50.



68

00:04:16,210 --> 00:04:18,300

So now we can see these two buttons.



69

00:04:18,320 --> 00:04:19,320

Well OK.



70

00:04:19,810 --> 00:04:29,110

So now let's actually track and are there linearly out horizontal into these linearly as vertical So



71

00:04:29,140 --> 00:04:34,990

as you can see here we assigned the value 0 for the layout of these two buttons.



72

00:04:35,050 --> 00:04:35,580

OK.



73

00:04:35,860 --> 00:04:39,680

And we assign the value in about 50 for the weight of these two buttons.



74

00:04:39,690 --> 00:04:40,440

So this.



75

00:04:40,510 --> 00:04:46,480

So these buttons the bits of these buttons is actually it's going to actually take only a half of its



76

00:04:46,480 --> 00:04:47,240

parent.



77

00:04:47,380 --> 00:04:47,690

OK.



78

00:04:47,710 --> 00:04:52,130

Half of the weight of this patent which is this linearly held horizontally.



79

00:04:52,690 --> 00:04:54,630

So hopefully that makes sense.



80

00:04:54,930 --> 00:05:00,820

And as you can see if you have another linearly or horizontal and again essentially direct and order



81

00:05:00,880 --> 00:05:07,610

a button inside this linearly or horizontal here and this actually the right and other button into these



82

00:05:07,690 --> 00:05:09,290

linearly out horizontal.



83

00:05:09,430 --> 00:05:12,190

So as you can see here we have two buttons here.



84

00:05:12,190 --> 00:05:17,410

Now let's actually select this first button here as you can see we have this button here.



85

00:05:17,410 --> 00:05:27,270

Double click on it and for the text just type in here let's make a directory to documents folder and



86

00:05:27,300 --> 00:05:32,420

for the ID just type in here PTEN documents



87

00:05:35,880 --> 00:05:36,880

folder.



88

00:05:37,440 --> 00:05:38,100

OK.



89

00:05:38,340 --> 00:05:41,120

And then press that enter key on your keyboard.



90

00:05:41,130 --> 00:05:46,530

Now let's actually select this a second button here and now let's actually find the ID attribute that



91

00:05:46,530 --> 00:05:51,430

is related to this button for the ID just type in here between ringtones



92

00:05:54,170 --> 00:05:58,050

folder and then present in Turkey on your keyboard.



93

00:05:58,160 --> 00:06:03,650

And for the text as you can see just type in here let's make a directory.



94

00:06:04,310 --> 00:06:07,760

Let's make a directory to ringtones folder



95

00:06:12,990 --> 00:06:15,200

and then press enter key on your keyboard.



96

00:06:15,210 --> 00:06:16,250

OK.



97

00:06:16,680 --> 00:06:21,440

So now again we cannot see these two buttons very well so just select both of them.



98

00:06:21,750 --> 00:06:27,750

And then for the layout we assign the value zero and for the layout with fate assigned the value 50



99

00:06:28,020 --> 00:06:30,080

or 0.5.



100

00:06:30,870 --> 00:06:31,610

OK.



101

00:06:31,920 --> 00:06:33,750

So hopefully that makes sense.



102

00:06:33,750 --> 00:06:39,970

Now let's actually like and how they are linearly and horizontal into these linearly as vertical here.



103

00:06:40,020 --> 00:06:40,600

Okay.



104

00:06:40,890 --> 00:06:46,820

So as you can see we have this linearly outpolls until selected and put it inside this linearly out



105

00:06:46,830 --> 00:06:47,760

vertical here.



106

00:06:47,820 --> 00:06:48,490

Okay.



107

00:06:48,900 --> 00:06:57,280

And then actually drag a button into this linearly or horizontal here and now essentially to I another



108

00:06:57,310 --> 00:07:00,980

button into this linearly and horizontal here.



109

00:07:01,060 --> 00:07:04,400

So now let's actually to select this first the bottom here.



110

00:07:04,480 --> 00:07:11,530

Double click on it and for the text just type in here let's make our directory to both podcasts folder



111

00:07:12,580 --> 00:07:13,410

OK.



112

00:07:14,050 --> 00:07:23,190

And for the ID just type in here PTEN between podcasts folder and then person enter key on your keyboard.



113

00:07:23,470 --> 00:07:29,290

So now let's actually select the second part in here and now again it's actually find the ID attribute



114

00:07:29,350 --> 00:07:32,180

inside this properties section.



115

00:07:32,200 --> 00:07:38,410

So as you can see here this is the this is the the id attribute for the ID just type in here between



116

00:07:38,500 --> 00:07:39,630

movies folder



117

00:07:42,580 --> 00:07:45,160

and then press enter key on your keyboard.



118

00:07:45,160 --> 00:07:49,530

And now let's actually find the text attribute that is related to the Spartan.



119

00:07:49,750 --> 00:07:56,590

So just select it and for the text just type in here let's make a directory to movies folder and then



120

00:07:56,590 --> 00:07:58,750

press enter key on your keyboard.



121

00:07:59,140 --> 00:08:02,210

So as you can see we cannot see these two buttons very well.



122

00:08:02,320 --> 00:08:10,500

So again just select both of them and for that they have to be assigned the value 0 and 4 for the lay



123

00:08:10,500 --> 00:08:15,000

out weight assigned a value of 50 or 0.5.



124

00:08:15,040 --> 00:08:21,160

Now let's actually drag another button into these linearly out of Artecoll here as you can see we have



125

00:08:21,160 --> 00:08:27,490

this linearly it's vertical and inside linearly nearly vertical if you have 3 linearly or horizontal.



126

00:08:27,610 --> 00:08:28,060

OK.



127

00:08:28,180 --> 00:08:29,270

As you can see here.



128

00:08:29,290 --> 00:08:34,540

So now I want to actually drag a button into this in here linearly Ellsworthy call here as you can see



129

00:08:34,540 --> 00:08:35,180

here.



130

00:08:35,500 --> 00:08:43,180

So if you have this button here and now let's actually make it assigned the value you match parent for



131

00:08:43,180 --> 00:08:46,020

the lay out feat of the Spartan as you can see here.



132

00:08:46,240 --> 00:08:50,780

So I just selected and assign a value match palette as you can see here.



133

00:08:50,980 --> 00:08:58,880

So just double click on it and for the text just type in here let's make our directory to pictures folder



134

00:09:02,100 --> 00:09:13,140

and for the ID as you can see here and divided between pictures folder and then person enter key on



135

00:09:13,140 --> 00:09:14,170

your keyboard.



136

00:09:14,200 --> 00:09:20,480

And again let's actually select another button here inside this little folder and put it inside this



137

00:09:20,550 --> 00:09:22,020

linearly out vertical.



138

00:09:22,050 --> 00:09:28,600

Here and now assign the value of match parent for the layout of this spot.



139

00:09:28,650 --> 00:09:29,790

As you can see here.



140

00:09:29,910 --> 00:09:33,310

Double click on it and for the text assigned a value.



141

00:09:33,390 --> 00:09:40,000

Let's make a direct directory to LRM folder alarm's folder.



142

00:09:40,380 --> 00:09:50,600

And for the ID assign the value between alarm's folder and then a person enter key on your keyboard.



143

00:09:50,760 --> 00:09:51,280

OK.



144

00:09:51,420 --> 00:09:57,250

Now let's actually drag a text field into this linearly out vertical here.



145

00:09:57,300 --> 00:09:57,890

OK.



146

00:09:58,080 --> 00:10:03,800

So first of all inside is textfield folder as you can see we have these takes here.



147

00:10:03,840 --> 00:10:04,470

OK.



148

00:10:04,470 --> 00:10:07,500

So just select this plain text field here as you can see.



149

00:10:07,540 --> 00:10:10,870

Select it and put it in so it is linearly outwards to God.



150

00:10:10,980 --> 00:10:11,660

OK.



151

00:10:12,000 --> 00:10:19,520

And now for the layout it's assigned the value match parent OK and double click on it.



152

00:10:19,600 --> 00:10:26,750

And as you can see assign the value EDT value for the ID of these takes.



153

00:10:26,770 --> 00:10:27,310

OK.



154

00:10:27,490 --> 00:10:29,800

And then person entelechy on your keyboard.



155

00:10:29,950 --> 00:10:34,600

Now let's actually drag our button into these linear layouts vertical.



156

00:10:34,600 --> 00:10:39,150

So just select the spot in here and put it inside this nearly vertical.



157

00:10:39,150 --> 00:10:45,810

Here and again are assigned a value match parent for the layout of this button.



158

00:10:45,880 --> 00:10:48,550

As you can see here WTG and important.



159

00:10:48,670 --> 00:10:55,900

And for the text just that just type in here save it to documents folder in SD card and for the ID just



160

00:10:55,900 --> 00:11:03,790

type in here between save FOID and then person until key on your keyboard.



161

00:11:04,360 --> 00:11:09,850

And now let's actually track or take a text view into this linearly at vertical.



162

00:11:10,000 --> 00:11:13,160

So as you can see here we have this large the X view here.



163

00:11:13,300 --> 00:11:17,860

Just select it and put it inside this linear linearly out vertical here.



164

00:11:17,950 --> 00:11:18,600

OK.



165

00:11:18,910 --> 00:11:24,410

And again assign the value of match parent for the lead out of this text view.



166

00:11:24,710 --> 00:11:25,450

OK.



167

00:11:25,720 --> 00:11:31,350

And now just double click and this takes few here and delete the text of this text view.



168

00:11:31,390 --> 00:11:38,240

And for the ID just type in here takes the value and then press enter key on your keyboard.



169

00:11:38,470 --> 00:11:43,380

So now let's actually drag a button into this linearly or vertical.



170

00:11:43,380 --> 00:11:43,960

Here.



171

00:11:44,140 --> 00:11:44,630

OK.



172

00:11:44,740 --> 00:11:49,780

So as you can see here we have this button here again assigned a value match Pallant for the layout



173

00:11:50,620 --> 00:11:51,890

of the Spartan.



174

00:11:52,330 --> 00:11:58,060

And now double click on the spot in here and for the text just type in here.



175

00:11:58,060 --> 00:12:04,480

Retrieve the information from SD card and for the ID just typing here PTEN retrieve



176

00:12:07,340 --> 00:12:13,740

the info OK and then person enter key on your keyboard.



177

00:12:14,560 --> 00:12:22,000

So now let's actually change the background color of these linearly outward vertical here as you can



178

00:12:22,000 --> 00:12:22,560

see here.



179

00:12:22,690 --> 00:12:24,550

That's actually to change the background of color.



180

00:12:24,580 --> 00:12:29,700

So here we have this background color as you can see just typing here.



181

00:12:30,090 --> 00:12:36,570

Hash tag 0 0 0 0 F F and then precedented g on your keyboard.



182

00:12:36,880 --> 00:12:40,460

So as you can see here now the background color is blue.



183

00:12:40,510 --> 00:12:47,080

So now let's actually run our project and see the design of our user interface.



184

00:12:47,080 --> 00:12:51,090

So now as you can see our application is running on this emulator.



185

00:12:51,250 --> 00:12:56,500

And remember if you want to actually run your application first you need to actually did it the block



186

00:12:56,500 --> 00:13:01,380

of code that is related to the floating action pattern because we don't have that Flutey in action but



187

00:13:01,650 --> 00:13:08,140

in our application we need to actually delete a data block of code that is inside of these uncreate.



188

00:13:08,140 --> 00:13:13,750

So if you have that block of code in your uncreate benefit delete that block of code and then run your



189

00:13:13,750 --> 00:13:14,550

application.



190

00:13:14,710 --> 00:13:19,310

And here as you can see we cannot easily see this a text field.



191

00:13:19,480 --> 00:13:24,430

And this takes view that they actually put inside this nearly vertical.



192

00:13:24,610 --> 00:13:29,580

So now as you can see it just selectees textfield here as you can see.



193

00:13:29,830 --> 00:13:33,870

And now for the background as you can see here for the background color.



194

00:13:33,910 --> 00:13:42,640

Assign the value hash that F F F and as you can see now the background color of these textfield is white



195

00:13:43,180 --> 00:13:49,570

and then this actually selectees takes view here again for the background color assigned the value hashtag



196

00:13:50,490 --> 00:13:51,060

hashtag.



197

00:13:51,160 --> 00:13:54,640

F F F and then press on until G on your keyboard.



198

00:13:54,640 --> 00:13:58,360

Now that back in uncolored of this text view is white.



199

00:13:58,360 --> 00:14:01,840

Now let's put it on our project again and see what happens.



200

00:14:01,840 --> 00:14:08,820

So now as you can see now the background color of this takes field and this takes view is white.



201

00:14:08,830 --> 00:14:09,460

OK.



202

00:14:09,790 --> 00:14:17,320

Now let's actually change the background color of this relatively out that this linearly vertical is



203

00:14:17,320 --> 00:14:19,810

inside of these relatively OK.



204

00:14:20,050 --> 00:14:26,120

So just select is relatively out here and for the background color as you can see here we have this



205

00:14:26,170 --> 00:14:32,940

black attribute here selected and assigned a value hash tag and just type in here.



206

00:14:32,950 --> 00:14:36,880

0 0 0 2 3 4.



207

00:14:37,390 --> 00:14:42,870

So now as you can see the background color of these relatively has actually changed.



208

00:14:42,880 --> 00:14:43,450

OK.



209

00:14:43,780 --> 00:14:49,070

So let's actually do it on our project again and let's see actually the design of our application.



210

00:14:49,090 --> 00:14:56,340

So now our application is running on this emulator here and now we can see the design of our application.



211

00:14:56,470 --> 00:15:02,330

Now we can see that the color of these relatively is actually changed and this is much more and I said



212

00:15:02,380 --> 00:15:08,180

OK so let's ask you to go back and say this content underline minute example and now are going to actually



213

00:15:08,500 --> 00:15:12,900

putting some other components inside these linearly out vertical.



214

00:15:13,000 --> 00:15:18,800

So now let's actually drag an image view into this linearly Ellsworthy call here.



215

00:15:18,820 --> 00:15:26,710

So just just select this image view here and then put it inside this linearly out vertical here as you



216

00:15:26,710 --> 00:15:27,340

can see here.



217

00:15:27,340 --> 00:15:27,820

OK.



218

00:15:27,880 --> 00:15:33,340

Just put it inside this linearly Ellsworthy called and then and now this actually change some of the



219

00:15:33,340 --> 00:15:36,090

properties of this image view.



220

00:15:36,100 --> 00:15:43,600

Now as you can see if you have these layouts gravity OK and assigned value center horizontal for the



221

00:15:43,600 --> 00:15:45,520

lay of gravity of this image view.



222

00:15:45,520 --> 00:15:46,030

OK.



223

00:15:46,150 --> 00:15:48,980

Now as you can see this image is at the center.



224

00:15:49,090 --> 00:15:50,480

OK horizontal.



225

00:15:50,590 --> 00:15:53,840

Now for the layout we assign the value of 50.



226

00:15:54,430 --> 00:15:57,660

And for the layout height assigned a value of 50.



227

00:15:58,050 --> 00:15:58,710

OK.



228

00:15:58,900 --> 00:16:05,380

As you can see here as I like this lay out right here and now we can actually assign the value 054 the



229

00:16:06,020 --> 00:16:06,890

layout height.



230

00:16:06,910 --> 00:16:07,740

OK.



231

00:16:07,840 --> 00:16:15,060

Or you can actually change this to 100 OK with 100 and and layers height 100.



232

00:16:15,340 --> 00:16:15,940

And then.



233

00:16:16,010 --> 00:16:19,610

Now let's actually assign an ID to this image view.



234

00:16:19,780 --> 00:16:25,260

So just select this idea here and then assign the value I N G and Emman.



235

00:16:25,270 --> 00:16:33,790

Now I want to actually copy and paste an image into my into this triable folder that we have in our



236

00:16:33,790 --> 00:16:35,300

project structure.



237

00:16:35,710 --> 00:16:41,070

So now as you can see I want to actually copy and paste an image inside this triable folder.



238

00:16:41,170 --> 00:16:46,820

So let's actually go back on my desktop here as you can see I have this image here.



239

00:16:47,080 --> 00:16:49,370

So I just need to right click on this image.



240

00:16:49,610 --> 00:16:54,360

And then asked selectees copy tiger that's pian G.



241

00:16:54,770 --> 00:17:01,150

And now I just need to select this tribal folder right click on it and then select the paste option



242

00:17:01,150 --> 00:17:01,660

here.



243

00:17:02,800 --> 00:17:04,830

And now I just need to click on OK.



244

00:17:05,270 --> 00:17:09,460

So now I have this a tiger image in my triable folder.



245

00:17:09,560 --> 00:17:10,110

OK.



246

00:17:10,340 --> 00:17:14,820

And now again just let me actually to make this design area of idea.



247

00:17:14,960 --> 00:17:22,640

Now I can just double click on this image view here and then I select the spots in here and then just



248

00:17:22,850 --> 00:17:27,190

click on the project map here and then I'll close this colored folder.



249

00:17:27,350 --> 00:17:30,650

And now I can actually search for my tiger image.



250

00:17:30,770 --> 00:17:35,850

So here I can just type in Tiger and now as you can see this is my tiger.



251

00:17:36,170 --> 00:17:38,340

And then click on OK.



252

00:17:38,960 --> 00:17:42,800

So now we have this tiger image here inside this image view.



253

00:17:42,800 --> 00:17:45,220

Now let's actually select the spot in here.



254

00:17:45,230 --> 00:17:50,540

Inside these widgets folder and put it inside this linearly out vertical here.



255

00:17:50,600 --> 00:17:51,070

OK.



256

00:17:51,320 --> 00:17:52,810

So now we have this button.



257

00:17:52,910 --> 00:17:59,110

And now it's actually assigned a value center horizontal for the layout gravity of the Spartan.



258

00:17:59,270 --> 00:17:59,880

OK.



259

00:18:00,200 --> 00:18:06,050

So now as you can see the spotting is actually at the center horizontal of this linearly outhaul linearly



260

00:18:06,050 --> 00:18:07,720

as vertical as you can see here.



261

00:18:07,850 --> 00:18:10,180

That's actually our selected spot in here.



262

00:18:10,400 --> 00:18:14,110

And for the ID Let's actually find the ID attribute.



263

00:18:14,310 --> 00:18:24,050

Now for the ID assigned the value PTEN allow access pictures and then present enter key on your keyboard.



264

00:18:24,050 --> 00:18:28,330

Now let's actually find the text attributes of this button.



265

00:18:28,460 --> 00:18:34,700

Now you can see here this is the text attribute just selected and assigned a value just type in here



266

00:18:35,000 --> 00:18:37,630

allow access pictures in SD card.



267

00:18:37,640 --> 00:18:42,480

OK so as you can see here for takes for the taste of these button.



268

00:18:42,640 --> 00:18:46,320

I assign the value allow access pictures in SD card.



269

00:18:46,370 --> 00:18:46,920

OK.



270

00:18:47,120 --> 00:18:49,930

And then press that entity on your keyboard.



271

00:18:49,940 --> 00:18:55,170

So now let's actually in on our project again in order to see the design of our application.



272

00:18:55,190 --> 00:19:01,550

So now as you can see our application is running on this emulator and now we can see this image here



273

00:19:01,910 --> 00:19:05,430

and we can see the spot and here allow access pictures in SD card.



274

00:19:05,480 --> 00:19:10,790

OK so now let's actually go back and say this content line made that example.



275

00:19:10,790 --> 00:19:17,200

Now let's actually track our horizontal scroll view into this linearly out vertical.



276

00:19:17,240 --> 00:19:23,420

So as you can see here now inside these containers for there we have these horizontal scroll view here



277

00:19:23,620 --> 00:19:28,380

just the selected and put it inside this linearly out vertical here.



278

00:19:28,520 --> 00:19:34,770

And now let's actually select this linearly as horizontal inside these layouts folder.



279

00:19:34,770 --> 00:19:39,120

So now put it inside this horizontal scroll view here as you can see here.



280

00:19:39,170 --> 00:19:43,490

OK so now as you can see our linearly horizontal.



281

00:19:43,560 --> 00:19:46,810

Now inside these horizontal scroll view.



282

00:19:47,240 --> 00:19:50,370

And then let's actually select this horizontal scroll view.



283

00:19:50,540 --> 00:19:54,590

And for the lay out gravity assigned the values center horizontally.



284

00:19:54,700 --> 00:19:55,350

OK.



285

00:19:55,370 --> 00:20:01,850

Now as you can see this horizontal scroll view is horizontally centered inside this little linearly



286

00:20:01,850 --> 00:20:02,820

out vertical.



287

00:20:03,080 --> 00:20:10,400

And now as you can see this is our linearly out horizontal and now are just selectees horizontal scroll



288

00:20:10,400 --> 00:20:10,880

view.



289

00:20:11,000 --> 00:20:12,760

That's actually find the idea and attributes.



290

00:20:12,770 --> 00:20:18,080

Now as you can see the idea of this horizontal scroll view is horizontal scroll view.



291

00:20:18,110 --> 00:20:20,750

Now selectees linearly horizontal.



292

00:20:20,930 --> 00:20:28,310

And let's actually find the ID attribute and for the ID assign the value linearly out horizontal and



293

00:20:28,310 --> 00:20:30,420

then press enter key on your keyboard.



294

00:20:30,530 --> 00:20:31,260

OK.



295

00:20:31,550 --> 00:20:36,660

Now let's actually find the image switcher inside these experts for there.



296

00:20:36,800 --> 00:20:43,210

So as you can see here inside these experts there we have this image switcher component.



297

00:20:43,310 --> 00:20:48,170

Just select it and put it inside these linearly out where the call here.



298

00:20:48,320 --> 00:20:49,080

OK.



299

00:20:49,310 --> 00:20:57,450

And now let's actually find out gravity attribute that is related to this image suture and just assigned



300

00:20:57,450 --> 00:21:02,410

a value center horizontal for this for the gravity of this image switcher.



301

00:21:02,410 --> 00:21:03,020

OK.



302

00:21:03,290 --> 00:21:06,750

And now let's actually find the idea attribute of this image.



303

00:21:06,800 --> 00:21:07,880

As you can see here.



304

00:21:07,940 --> 00:21:10,220

The idea is image treater OK.



305

00:21:10,250 --> 00:21:17,630

So just leave it as default and now as you can see the design of our user interface is actually finished.



306

00:21:17,750 --> 00:21:23,150

And let's actually run our project again in order to see the design of our application.



307

00:21:23,150 --> 00:21:27,210

So now as you can see here our application is running and this emulator.



308

00:21:27,410 --> 00:21:31,340

And here is the design of our user interface of this application.



309

00:21:31,340 --> 00:21:31,960

OK.



310

00:21:32,480 --> 00:21:38,200

So now let's actually go back inside this main activity that I find here and then let's actually delete



311

00:21:38,210 --> 00:21:38,400

this.



312

00:21:38,450 --> 00:21:41,710

These are lines of code that are related to the Options menu.



313

00:21:42,130 --> 00:21:46,670

OK so now I'm going to actually create another class inside our project.