1-2-Lekciya. Mobil qosımshalar jaratıw ushın programmalastırıw ortalıqları

struct ContentView: View {
var body: some View {
Text("Simon Ng")
}
}

Hár bir zat tuwrı islep atirǵan bolsa, oń tárepte avtomatikalıq jańalanishni kóriwińiz kerek. Bul biz kutgan tezlik penen kóriw effekti.

Qosımshada jańa tekst elementin qosaylik. Bul qatnasıwshınıń qısqasha xarakteristikası boladı. Qosımshada jańa interfeys elementin qosıw ushın joqarı oń múyeshdagi + tuymesin basıń. Túrli kózler dizimi menen jańa ayna payda boladı. Wewni tekst atı menen háreketlantiring hám tómende kórsetilgeni sıyaqlı, túp tekst elementi astına qoyıng.

Chapdagi kodqa itibar beriń:

struct ContentView: View {
var body: some View {
VStack {
Text("Simon Ng")
Text("Placeholder")
}
}


Jańa tekst elementi Simon Ng ma`nisi menen tekst kórinisinde qosıllıǵin kóriwińiz múmkin. Parq sonda, endi bul vyu vstack dep atalǵan zatqa aylantırılǵan kórinedi. Stack vertikal Stack ushın isletiledi hám Swiftai-de Auto Layout-dıń ornın basadı. Eger watchOS penenushın programmalıq támiynattı islep shıǵıw tájiriybesine iye bolsańız, itimal bul erda hesh qanday sheklewler joq ekenligin bilesiz, bunnan tısqarı, barlıq elementler gruppalarǵa jaylastırıladı. vertikal Stack menen barlıq kózler vertikal túrde jaylastırıladı.


Endi "Placeholder" tekstini"Appcoda tiykarlawshisi" ga ózgertiriń


Keyin, bul teksttiń shep tárepine súwret qosamız. Prezentaciyanı ámeldegi túsiniklerge gorizontal túrde jaylastırıwdı qálegenimiz ushın, vstackni HStack-ga oraw kerek. Onıń ushın vstack-de °+ - ni basıń hám keyin Stokda Embed-ni saylań. Keling, tómende kórip shıǵayıq:





Bul kod tómendegishe bolıwı kerek:

struct ContentView: View {
var body: some View {
HStack {
VStack {
Text("Simon Ng")
Text("Founder of AppCoda")
}
}
}
}


Ele sezilerli ózgerisler joq, lekin házir biz suwretti qosamız. Tómendegi sıyaqlı kórinis penenushın kodtı ózgertiriń: