Materiallar

SwiftUI uslublash: materiallar

Chuqurlik va vizual ierarxiya yaratish uchun .regularMaterial kabi o‘rnatilgan xiralashtirish (blur) materiallaridan foydalaning.

Chuqurlik qo‘shish uchun materiallardan foydalanish

Materiallar — ilovangizga chuqurlik va vizual ierarxiya qo‘shadigan xira shishasimon (frosted) blur effektlari.

Materiallar bir-biridan noshaffoflik darajasi va xiralashtirish miqdori bilan farq qiladi.

Eng ko‘p ishlatiladigan materiallar:

• .regularMaterial - o‘rtacha darajadagi xiralik va noshaffoflikka ega xira shishasimon blur.
• .thickMaterial - kuchli darajadagi xiralik va noshaffoflikka ega xira shishasimon blur.
• .thinMaterial - yengil darajadagi xiralik va noshaffoflikka ega xira shishasimon blur.

Kontent ortida xira shishasimon fon (frosted backdrop) yaratish uchun material to‘ldirishini (masalan, .regularMaterial) qo‘llang.

import SwiftUI

struct MaterialCard: View {
  var body: some View {
    ZStack {
      Image(systemName: "photo.fill").resizable().scaledToFill().ignoresSafeArea()
      RoundedRectangle(cornerRadius: 12).fill(.regularMaterial)
        .frame(height: 120)
        .overlay(Text("Regular Material").font(.headline))
        .padding()
    }
  }
}

import SwiftUI

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

import SwiftUI

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

Yuqoridagi misolda kontent ortidagi xira shishasimon fon ko‘rsatilgan.