Build_Layout Udacity English (auto-generated) Uzbek

Build_LayoutYouTube↗ IA↗(long shot)
Education 3.3K views 15 likes 0 dislikes 22 May 2015

Udacity 651K subscribers United States YouTube↗

Click to Play Video

to build this layout I open up the activity underscore main XML file I know

Ushbu joylashuv tartibini yaratish uchun, Men activ_main.xml faylini ochaman.

that I need a vertical linear layout to

Ushbu ko‘rinishni har birini vertikal ustunga qo‘yish uchun

put each of these views in a vertical

menga vertikal chiziqli joylashuv kerak bo‘ladi.

column so I'm going to first change the relative layout into a linear layout

So‘ngra, avval nisbiy joylashuv tartibini chiziqli sxemaga o‘zgartiraman.

immediately it shows an error saying that the opening tag does not match the

Darhol, u ochilish yorlig‘i yopish yorlig‘iga mos kelmasligini ko‘rsatadigan xatoni ko‘rsatadi

closing tag so I can just copy this over and then paste it down here

shuning uchun men nusxa ko‘chirib, shu yerga joylashtiraman.

now the tags match next I can add in the

Endi teglar mos keladi.

views first I have a quantity text view

Keyin, men ko‘rinishga qo‘sha olaman. Avvalo, menda miqdordagi matn ko‘rinishi bor.

so I'm going to take this text view and then change the text inside to quantity

Shuning uchun men ushbu matn ko‘rinishini ko‘rib chiqib, matnni miqdorga o‘zgartiraman.

next I have a text view that says zero

Keyin, nol deb ko‘rsatilgan matn ko‘rinishi boladi.

so I can copy the first text view and

So‘ngra men birinchi matn ko‘rinishini nusxalashim va ostiga qo‘yaman.

paste it below it I'm going to change it to the text of zero to match the

Men uni o‘zgartiraman, shuning uchun matn bu yerda ekran rasmiga mos kelishi uchun nolni ko‘rsatadi.

screenshot here the last child in this linear layout is a button we haven't

Ushbu chiziqli joylashuv tartibdagi oxirgi tugma.

added a button before in our layout so let's Google search that if you open up

Biz ilgari joylashuv tartibimizga tugmani qo‘shmaganmiz, shuning uchun uni Google orqali qidiramiz.

a browser you can search for button and

Agar siz brauzerni ochsangiz, androidni qidirib topishingiz mumkin.

Android this first link looks good it's a developer.android.com site and here's

Ushbu birinchi havola yaxshi ko‘rinadi, bu developer.android.com sayti.

the documentation for button we can ignore most of this text here we scroll

bu yerda tugma uchun hujjatlar, matnning aksariyatini e’tiborsiz qoldirsak bo‘ladi.

down to read the class overview it talks

Sinflar umumiy ko‘rinishini o‘qish uchun pastga siljitamiz.

a little bit about some Java code which we haven't learned yet but down here we

U ozgina biz hali o‘rganmagan Java kodi haqida gapiradi,

have some XML for a button we can copy

lekin pastda tugmacha uchun xml mavjud.

this and see what it does in our code in

Biz buni nusxalashimiz va kodimizda nima bajarishini ko‘rishimiz mumkin.

our layout I'm going to add a button below these two text views when I paste

Bizning joylashuv tartibimizga ushbu ikkita matn ko‘rinishi ostiga tugmani qo‘shaman.

the code from the documentation here and

Kodni shu yerdagi hujjatlarga joylamoqchiman.

now instead of the self-destruct string

Va endi satrni olib tashlash o‘rniga

I'm going to go for something a little friendlier like order this last line we

men order tugmasidan foydalanaman.

can also delete because we don't need it

Ushbu oxirgi qatorni o‘chirsak bo‘ladi, chunki unga ehtiyoj sezmaymiz.

cool so now I should have a quantity textview @xt that's of zero and an order

Ajoyib, endi siz nol ko‘rinishli miqdorga

button let's run it on our app to see

va buyurtma tugmachasiga egasiz.

what it looks like by hitting this green

Keling, nimaga o‘xshashini ko‘rish uchun

play button you can see down here that it's still building uh-oh this isn't

yashil tugma orqali ilovamizda ishga tushiramiz. Bu yerda uni hamon yaratilayotganini guvohi bo‘lamiz.

what we wanted it appears that our

Yo‘q, bu biz xohlagan narsa emas.

linear layout is actually horizontal instead of vertical so let's make sure

Bizning chiziqli joylashuvimiz vertikal o‘rniga gorizontal holatda

that we add the orientation attribute

Keling, biz orientatsiya atributini qo‘shganimizga ishonch hosil qilaylik.

I'm going to change this to say Android orientation equals vertical that should

Android deb aytish uchun uni o‘zgartiramiz ; orientatsiya = "vertikal".

fix the problem so let's hit run again

Bu muammoni hal qilishi kerak.

okay that's better now the three

Keling, yana ishga tushirishga urunaylik. endi ancha yaxshiroq.

children are showing up in a vertical

Uch bola vertikal ustunda ko‘rinmoqda.

column now we just need to style these

Endi biz ushbu maydonlarni avvalda berilgan

views so they look a little bit more like the screenshot we were given from

skrinshotda ko‘rsatilganidek o‘zgartiramiz.

this screenshot we see that the quantity textview is in all caps in Lesson one we

Ekran rasmidan biz miqdordagi matn ko‘rinishi harf bilan boshlanganligini ko‘ramiz.

learned about an attribute called Android text

Birinchi darsda biz android deb ataluvchi atribut haqida bilib oldik: textAllCaps ,

and it's showing up here in the

va avtomatik tugallash holatidaligini ko‘rsatyapti.

autocomplete if it shows up like this

Agar u shunday ko‘rinsa, Enter tugmasini bossangiz

you can just hit enter and it automatically adds it in the code here

va u avtomatik ravishda siz uchun kod qo‘shadi.

for you we set that value to be true because we want it in all caps the

Biz bu qiymatni chin deb belgiladik, chunki uni bosh harflarda bo‘lishini istaymiz.

reason why it's better to use this attribute to capitalize the text is

Ushbu atributni ishlatishga sabab matnni bosh harf bilan yozish

because if we ever want to change the UI so that quantity is a lowercase like

chunki agar biz qachondir UI ni o‘zgartirmoqchi bo‘lsak, natijada miqdor kamayadi

this all we need to do is just remove

masalan, ushbu matnni o‘zgartirish va almashtirish o‘rniga

this attribute instead of going and changing this text next for this

atributni olib tashlashimiz kerak.

textview that says zero we should use a

Keyin, nol deb ko‘rsatilgan matn uchun biz 16sp hajmdagi matnni ishlatamiz.

text size of 16 SP let me add that now and it shows up in the autocomplete

Hozir qo‘shib ko‘rganimizda avtomatik tugallash takliflarini ko‘rsatadi.

suggestions so I just hit enter and then I choose 16x SP for the value we also

men Enter tugmachasini bosib, qiymat uchun 16sp ni tanlayman.

wanted to be a black font color I'm

Shuningdek,uni qora shrift rangida bo‘lishini xohlaymiz.

going to use the Android system color

Men Android tizimining rangini qora rang uchun ishlataman,

for black which is referred to like this

shunday deb yuritiladigan.

cool that takes care of both the quantity and the zero text views the

Ajoyib, har ikki miqdor va nol ko‘rinishli matnni ham nazardan qochirmaydi.

order button is fine as is it will automatically capitalize the text for

Buyurtma tugmachasining holati yaxshi, chunki u avtomatik ravishda matnni bosh harfga aylantiradi,

you in a button and the height and width

balandligi va kengligi ham shu tarkibga kiradi.

are wrap content we do however need to resolve this vertical space here we want

Biz vertikal bo‘shliqni to‘ldirishimiz kerak.

16 DP of padding or margin in between

Miqdor va nol matnli ko‘rinishlar o‘rtasida 16 dp li to‘ldirish

the quantity and the zero text views we

yoki chegara bo‘lishini xohlaymiz.

also want 16 DP of padding in between

Shuningdek, biz nol va buyurtma tugmachasi orasini

the zero and the order button you can

implement this in many different ways

Siz buni turli xil yo‘llar bilan amalga oshirishingiz mumkin,

I'm just going to choose to add it as layout top margin for this button and

men uni faqat ushbu tugma uchun joylashuvning yuqori chegarasi sifatida qo‘shaman.

I'm going to add it as a bottom margin for this quantity textview feel free to

Va men ushbu miqdordagi matn ko‘rinishi uchun pastki qism sifatida qo‘shmoqchiman.

do it a different way as long as it

Agar u bir xil ko‘rinsa, uni turli yo‘l bilan bajaring.

looks the same the reason why I chose to do a bottom margin and a top margin is

Men pastki va yuqori chegarani tanlaganimning boisi

because I know that this middle area here is going to change later we're

o‘rta maydon keyinchalik o‘zgarishini bilaman.

going to change it to be a quantity

Biz uni plyus va minus tugmachasi bilan miqdorni tanlash uchun o‘zgartiramiz

picker with a plus and minus button and I still want to have 16 DP of space between the quantity title and the

va men hali ham miqdor sarlavhasi bilan

picker and same for the button okay

tanlagich o‘rtasida 16 pd bo‘sh joy qoldiraman. Tugma uchun ham shunday.

let's run it again now on our device

Xo‘sh, endi uni qurilmamizda ishga tushiraylik.

cool and it looks just like we wanted

Ajoyib,biz xohlagandek ko‘rindi.

the quantity textview is in all caps the

Matn ko‘rinishi miqdori bosh harflarda, nolinchi matn ko‘rinishida esa

zero textview is in black font color size 16 SP and we have the order button

qora shrift rangi, 16sp o‘lcham va buyurtma tugmasi mavjud.

here we also have 16 DP of space in between these views good job oh and I

Bizda ushbu ko‘rinishlar orasida ham 16dp bo‘sh joy mavjud Juda yaxshi Men deyarli unutdim.

almost forgot the quiz also asks for what happens when you click on this

Quiz shuningdek ushbu tugmani bosganingizda nima bo‘lishini so‘raydi.

button well actually it does nothing for

Xo‘sh, aslida u hech narsa qilmadi, hozircha.

now at least keep watching to find out what happens next

Keyin nima bo‘lishini bilish uchun kuzatishda davom eting.

Similar videos:

LinearLayout
Udacity
206K views 104 likes 0 dislikes 26 May 201543% match

String Data Type
Udacity
78.9K views 30 likes 0 dislikes 28 May 201536% match

06a_q_Modifying_First_Line_of_Java_Code
Udacity
87.4K views 21 likes 2 dislikes 22 May 201535% match

Build Layout
Udacity
147.7K views 27 likes 0 dislikes 29 May 201534% match

Fibonacci Series C ++ | Resolved Exercises 09
Programming Tutorials
29.1K views 303 likes 17 dislikes 21 Dec 201533% match

Java Course 02 | Installation of NetBeans and Hello World
Programming Tutorials
23.3K views 181 likes 2 dislikes 21 Apr 201533% match

Mac El Capitan Split Screen and Mission Control
Ceadd L
204.2K views 950 likes 79 dislikes 08 Jun 201533% match

Width and Height
Udacity
120.6K views 97 likes 1 dislikes 27 May 201533% match

Simple ImageView
Udacity
150K views 82 likes 1 dislikes 26 May 201533% match

Functions in C ++ | Exercises Resolved 21
Programming Tutorials
10K views 94 likes 6 dislikes 28 Mar 201633% match

Practice Calling Object Methods
Udacity
40K views 10 likes 2 dislikes 14 Jul 201533% match

06c_q_Add_TextView_for_Price
Udacity
81.8K views 26 likes 1 dislikes 22 May 201533% match

Using Variables
Udacity
40.1K views 14 likes 2 dislikes 04 Jun 201533% match

Number grid | Counting | Early Math | Khan Academy
Khan Academy
1M views 648 likes 125 dislikes 15 Apr 201432% match

Life After Vault Design (UPGRADE)
Bandito
23.5K views 341 likes 39 dislikes 22 Jul 201932% match

TIG Welding - ALUMINUM OIL TANK
Игорь Негода
144.4K views 15.6K likes 158 dislikes 19 May 201832% match

Relative Layout
Udacity
49.2K views 356 likes 11 dislikes 06 Jun 201632% match

Relative to Other Views
Udacity
180K views 93 likes 0 dislikes 26 May 201532% match

Create the String Variable
Udacity
71.9K views 28 likes 0 dislikes 27 May 201532% match

How to Make INVISIBLE INK | LaneVids #Science #Experiment
LaneVids & Dad Reviews Shorts
419.4K views 2.6K likes 378 dislikes 27 Sep 201032% match

Add or Remove Parameters
Udacity
63.6K views 27 likes 0 dislikes 14 Jul 201532% match

Increíble truco de Magia Fácil de Hacer
Sr. Mago
75K views 3K likes 50 dislikes 13 Jul 201932% match

RAMPS 1.4 - LCD (REPRAP DISCOUNT SMART CONTROLLER)
Ed's 3d Tech
58.5K views 580 likes 23 dislikes 30 Oct 201732% match

How does a Combination Lock work?
Jared Owen
5.4M views 125.4K likes -1 dislikes 05 Sep 201932% match

Comment utiliser un Copieur, Duplicateur ou Jauge de contour
Devenir Carreleur
121.3K views 1.8K likes 63 dislikes 18 Jan 202032% match

Change the TextView
Udacity
195.5K views 164 likes 1 dislikes 26 May 201532% match

Documentation
Udacity
203.9K views 114 likes 0 dislikes 27 Jul 201532% match

MKS Gen 1.4 - Dual Z steppers with Marlin firmware (Part one)
Ed's 3d Tech
26.7K views 295 likes 10 dislikes 25 Jun 201931% match

Class 75 - How to Attach Jeans Buttons at home / No sew / Tack / Donut Buttons
Savi's Fashion Studio
2.5K views 89 likes 1 dislikes 10 Jan 202131% match

Mercedes Brake Wear Sensor Replacement
iRepair Autos
134.7K views 568 likes 52 dislikes 03 Oct 201631% match

Settings Privacy About Contact Donate