Spacer’lar va tekislash

SwiftUI maket: spacer’lar va tekislash

Kontentni taqsimlash uchun Spacer() dan, joylashuvni boshqarish uchun esa tekislash parametrlaridan foydalaning.

Spacer’lar

Kontentni taqsimlash uchun Spacer() dan, joylashuvni boshqarish uchun esa tekislash parametrlaridan foydalaning.

import SwiftUI

struct SpacersAlignmentDemo: View {
  var body: some View {
    HStack {
      Text("Left"); Spacer(); Text("Right")
    }
    .frame(maxWidth: .infinity, alignment: .leading)
    .padding()
  }
}

import SwiftUI

struct ContentView: View {
  var body: some View { SpacersAlignmentDemo() }
}

import SwiftUI

@main
struct MyApp: App {
  var body: some Scene { WindowGroup { ContentView() } }
}

Vertikal tekislash va yo‘naltiruvchilar (guides)

Matnlarning tayanch chiziqlarini tekislang va joylashuvni alignment hamda alignmentGuide bilan moslashtiring.

Sintaksis:

• HStack(alignment: .firstTextBaseline) { ... }
• .alignmentGuide(.firstTextBaseline) { d in d[.bottom] }
• VStack(alignment: .leading) { Spacer() }

import SwiftUI

struct AlignmentGuideDemo: View {
  var body: some View {
    VStack(alignment: .leading, spacing: 16) {
      HStack(alignment: .firstTextBaseline, spacing: 8) {
        Text("Title").font(.title)
        Text("Aligned").alignmentGuide(.firstTextBaseline) { d in d[.bottom] }
      }
      HStack {
        Text("Left"); Spacer(); Text("Right")
      }
    }
    .padding()
  }
}

import SwiftUI

struct ContentView: View {
  var body: some View { AlignmentGuideDemo() }
}

import SwiftUI

@main
struct MyApp: App {
  var body: some Scene { WindowGroup { ContentView() } }
}