The Drawable Folder Udacity Uzbek English

The Drawable FolderYouTube↗ IA↗(long shot)
Education 151.7K views 44 likes 0 dislikes 21 Jul 2015

Udacity 651K subscribers United States YouTube↗

Click to Play Video

OK, bizda endi rasmimiz yoki maketimiz bor.

Okay, so at this point we've got our drawing or layout.

Biz ko‘rinishlarni aniqladik va ularni joylashuvi haqida o‘ylashni boshladik

We've identified the views, and we've started our thoughts of positioning by

ko‘rinishlar guruhi sifatida RelativeLayout ni tanladik.

picking a relative layout as our view group.

Endi kodlashni boshlash uchun vaqt keldi.

This is a great time to start coding.

OK, bu yerda ochgan narsam biz ilgari ishlatgan kod,

Okay, so what I have opened here is the code that we were working on before,

tartib jildida joylashgan activity_main.xml fayli.

which is activity_main.xml located in the layout folder.

Endi bu birinchi ko‘rinishlarni yaratish.

Now it's first creating the views.

Bizda hozirgacha ishning yarmini bajarib bo‘ldik.

We already have about half of the work done.

Bizda nisbiy tartib mavjud va

We have a relative layout and

bizda bitta matn ko‘rinishi bor, u Happy Birthday Ben deydi.

we have one text view that says Happy Birthday Ben.

Sizga kerak bo‘lgan barcha ko‘rinishlarga ega bo‘lish uchun rasm ko‘rinishini ham yaratish kerak.

To get all of the views you need your going to make an image view.

Hamda yana bitta qo‘shimcha matn ko‘rinishi ham kerak.

You're also going to make one additional text view.

Qo‘shimcha matn ko‘rinishni qo‘shish juda oson bo‘lishi kerak.

Adding the additional text view should be pretty easy.

Rasm ko‘rinishini qo‘shish biroz vaqt talab qiladi,

The image view requires a little bit more work because you actually

chunki bunda rasmingizning ushbu Android qismi kerak.

need that Android part of your picture.

Instruktor qaydlarida biz shu rasmga havolani qo‘shdik

In the instructor notes, we've included a link to that picture so

uni yuklab olishingiz mumkin.

that you can download it.

OK, men rasmni yuklab oldim va uni ish stolimga saqladim.

Okay, so I've downloaded the picture and I've saved it to my desktop.

U androidparty.jpg sifatida saqlandi.

It's saved as androidparty.jpg.

Endi biz rasmlarni XMLga qo‘shganda qilgan amallarni eslashingiz mumkin

Now you might recall before when we added images our XML, we

ularni drawable jildiga saqlagan edik.

said that we'd saved them in a folder on the computer called the drawable folder.

Shuningdek, bizning ilovamizda u bilan bog‘liq qanchadan-qancha fayl va jildlar mavjudligini eslang,

Also remember how our app has a bunch of files and folders associated with it,

biz ularni chap tomonda joylashgan katalogda ko‘rishimiz mumkin.

which we can see in the directory structure on the left.

Bular layout maketlar, rasmlar, ba’zan musiqa va boshqalar.

These include layouts, pictures, sometimes music, and so on.

Ushbu turdagi fayllar res katalogiga joylashtiriladi,

A lot of these types of files are going to be housed in the res directory,

res - resurslar qisqartmasi.

which is short for resources.

res katalogi barcha kerak bo‘lgan rasm, matn, maket va boshqa resurslar uchun

The res directory contains sub-directories for all the image,

qism kataloglarni o‘z ichiga oladi.

text, layout, and other resources the app might need.

Va aytganimizdek, tasvirlar uchun, bunda drawable nomli jild bor.

And as we said, for images, there's this folder called drawable.

Ushbu ilova uchun barcha rasmlar shu jildning ichiga joylashtiriladi.

For this app, all images should be placed inside of the drawable folder.

Rasmni shu jildga joylaganingizdan so‘ng,

Once you've put the image into the drawable folder,

rasm ko‘rinishi source atributidan foylalanishingiz mumkin

you can use the source attribute of an image view,

va unga @drawable va rasmning nomi qiymatini berishingiz mumkin.

and give it the value @drawable and then the name of the image.

E’tibor bering, rasm nomini yozayotganda

Note, when you're writing the image name you do not need to add

fayl kengaytmasini qo‘shishingiz shart emas.

the file extension.

Xo‘sh, endi men sizga rasmni qanday qilib

Okay, so now I'm going to show you how to actually put a picture into

drawable jildiga joylashni ko‘rsataman.

the drawable folder.

Yaxshi. Ushbu rasmga havola instruktor qaydlarida.

Okay. This image is in the Instructor Notes.

Uni ish stolingizga yuklab oling.

Go ahead and download it to your Desktop.

Endi, Android Studio ni oching.

Next, I want you to open Android Studio.

Android Studio da bu yerga o‘ting va drawable jildi ustida sichqonchaning o‘ng tugmasini bosing.

In Android Studio, you can go over here and Right-click the Drawable folder.

U yerdan siz reveal in finder yoki

>From there, you should see something that says reveal in finder or

reveal in explorer ni ko‘rishingiz kerak.

reveal in explorer.

Bu yerda men drawable jildini ko‘ryapman.

Here I can see the Drawable folder.

Shunday qilib, men endi androidparty.jpg rasmini

So right now I'm going to move the androidparty.jpg

drawable jildiga joylayman, men shunchaki uni sudrab olib boraman.

into the drawable folder and I'm just going to do that by dragging it over.

Yaxshi, endi to‘g‘ri XML kodi bilan boshlayotganingizga ishonch hosil qiling.

Okay so make sure you're starting with the correct XML code.

Agar sizda to‘g‘ri kod bo‘lmasa, uni ham oldinga o‘tib

And if you don't have the correct code, you can go ahead and copy and

instruktor qaydlaridan ko‘chirib olishingiz mumkin.

paste it from the instructor notes.

Mayli, birinchi navbatda androidparty.jpg rasmini yuklab oling. 51 00:02:32,667 --> 00:02:36 900 Keyin uni drawable jildiga o‘tkazing.

All right, first things first, download androidparty.jpg. Then take androidparty.jpg and move it to the drawable folder.

Bajarib bo‘lgach, yana bitta TextView qo‘shing,

Once that's done, go ahead and add the TextView that says,

unga from va ismingizni yozing.

from and then your name.

Va shundan so‘ng ImageView manba atributi sifatida androidparty ni belgilang.

And after that, add the ImageView with the source attribute as android party.

Aslida siz ishlayotgan kodda juda ko‘p narsa

There's actually a lot of default padding

standart to‘ldirilgan bo‘ladi.

in the code that you're working with.

Siz ularni o‘chirishingiz mumkin.

So you can go ahead and delete that.

Standart to‘ldirish deganda nimani nazarda tutyapman?

What do I mean by default padding?

Xo‘sh, bu paddingBottom, paddingLeft, paddingRight va

Well, it's this paddingBottom, paddingLeft, paddingRight, and

Siz bularni shunchaki o‘chirib tashlang.

You can go ahead, And just delete it.

Nihoyat, ilovani telefoningizda ishga tushirish uchun yashil o‘qli tugmani bosib.

Finally, click the green arrow to run the app on your phone.

Ushbu barcha qadamlarni bajarganingizdan so‘ng, sizning ilovangiz quyidagicha ko‘rinishi kerak.

When you've finished all of these steps, your app should look like this.

E’tibor bering, buni ekranda ko‘rish biroz qiyin, lekin

Note, it's a little bit hard to see on this screen, but

matn ko‘rinishlari aslida bir-biri ustida joylashgan.

the text views are actually overlapping.

Bu mutlaqo normal holat, biz keyin bu bilan shug‘ullanamiz.

That's completely normal and something that we're going to deal with next.

Similar videos:

3 : The Drawable Folder SOL
Udacity
3.1K views 17 likes 2 dislikes 25 May 201532% match

3 : Styling
Udacity
101.1K views 17 likes 0 dislikes 25 May 201527% match

3 : Positioning
Udacity
117.1K views 22 likes 0 dislikes 25 May 201525% match

Settings Privacy About Contact Donate