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

struct ContentView: View {
//1
var tutors: [Tutor] = []
var body: some View {
List(0..<5) { item in
Image(systemName: "photo")
VStack(alignment: .leading) {
Text("Simon Ng")
Text("Founder of AppCoda")
.font(.subheadline)
.color(.gray)
}
}
}
}
#if DEBUG
struct ContentView_Previews : PreviewProvider {
static var previews: some View {
//2
ContentView(tutors: testData)
}
}
#endif

Hámme zat júdá ápiwayı :

1. Atı tutors menen jańa ózgeriwshiler anıqlaw, qaysı strukturalar Tutor bos qatar esaplanadı.
2. Biz Content view dúzilisi ushın jańa ózgeriwshiler anıqlaw berli, Sol sebepli de ózgertiw kerek Contentview_Previews, bul ózgerislerdi kórsetiw ushın. Testdata parametr tutors penenornatıw.

Aldınan kóriwde hesh qanday ózgeris penenbolmaydı, sebebi biz ele test maǵlıwmatların isletmaymiz. Tekst maǵlıwmatların kórsetiw ushın kodtı tómendegi tárzde ózgertiriń:

struct ContentView: View {
var tutors: [Tutor] = []
var body: some View {
List(tutors) { tutor in
Image(tutor.imageName)
VStack(alignment: .leading) {
Text(tutor.name)
Text(tutor.headline)
.font(.subheadline)
.color(.gray)
}
}
}
}

Content view tutors-den ekran daǵı maǵlıwmatlardı kórsetiw ushın paydalanayotganiga isenim payda etiń.

Bul sonday! Pikir qanday ózgergenine qaran.

Suwretler kvadrat formasında kórsetiledi. Men olardı jáne de domalaq kóriwdi qáleyman. Keling, suwretti domalaq múyeshler menen qanday etiwimiz múmkinligin kórip shıǵayıq. Joqarı oń múyeshda + tuymesin basıń hám ekinshi tabga ótiń. Sonday etip, siz suwretlerge qosıwıńız múmkin bolǵan tártipli modifikatorlar dizimi kórsetiledi.

"Corner Radius/Corner radius" ni qıdırıń, onı aldınan kóriw aynasınan súyrep alıp, suwretke qoyıng. Ózgertirilgen kodtı kóriwińiz kerek hám aldınan kóriw suwretleri tómendegilerge ózgertiriledi.

Soǵan qaramay, 3 te domalaq radius júdá kishi. Sonday etip, onı 40 -ga ózgertiriń. Sonday etip, biz shıraylı domalaq súwretlerdi alamız.

Kletka hám dizim tayın! Keyinirek, paydalanıwshı kletkanı basqanda tolıq maǵlıwmattı kórsetiw kerek. Keling, navigatsiya qılıw menen baslaylik.

Navigatsiya qılıw

Navigatsiya kórinisi navigatsiya paneli hám navigatsiya basqarıwshısına ámeldegi kórinisti aylantıradı. Itimal, siz Storyboard menen tanıs bolǵansız hám navigatsiya interfeysinde kórinisti kirgiziw júdá ańsat. Tek ǵana bir neshe ret basıw kerek.
Swiftai-de, Sortıgationview-de list viewni oraw da júdá ápiwayı. Barlıq etiwińiz kerek bolǵan kodtı tómendegi tárzde ózgertiriń:

...