Resurslar va ilova ikonkalari

Rasmlar, ranglar va ikonkalarni Assets kataloglarida boshqaring hamda App Store’ga yuborish uchun talab qilinadigan ilova ikonkasi o‘lchamlarini tayyorlang.

Assets katalogi

Rasmlar, ranglar va ilova ikonkalarini boshqarish uchun Assets.xcassets dan foydalaning.

Nazorat ro‘yxati

iPhone/iPad uchun talab qilinadigan o‘lchamlarga ega AppIcon to‘plami
Ilovangiz uchun AccentColor
1x/2x/3x o‘lchamlardagi rasm to‘plamlari

Assets kataloglari ilovangizning vizual resurslarini tartibga solish va optimallashtirishga yordam beradi, bu esa ilova ko‘rinishini qo‘llab-quvvatlash va yangilashni osonlashtiradi.

Tizim belgilari (System Symbols)

Ilovangizga tizim uslubidagi ikonkalar qo‘shish uchun SF Symbols’dan foydalaning.

Misol

import SwiftUI

struct SymbolsDemo: View {
  var body: some View {
    HStack(spacing: 24) {
      Image(systemName: "star.fill")
        .font(.system(size: 40))
        .foregroundStyle(.yellow)
      Image(systemName: "heart.fill")
        .font(.system(size: 40))
        .foregroundStyle(.red)
      Image(systemName: "bolt.fill")
        .font(.system(size: 40))
        .foregroundStyle(.blue)
    }
    .padding()
  }
}

import SwiftUI

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

import SwiftUI

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

Misolni ishga tushirish »

Ilovangizga tizim uslubidagi ikonkalar qo‘shish uchun SF Symbols’dan foydalaning.

Assets katalogi

Misol

import SwiftUI

struct AssetsDemo: View {
  var body: some View {
    VStack(spacing: 16) {
      RoundedRectangle(cornerRadius: 12)
        .fill(.tint)
        .frame(height: 80)
        .overlay(Text("Tint").foregroundStyle(.white))
      HStack(spacing: 16) {
        Image(systemName: "photo.fill")
          .font(.system(size: 40))
          .foregroundStyle(.tint)
        Text("Use Assets.xcassets for images and colors")
      }
    }
    .padding()
  }
}

import SwiftUI

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

import SwiftUI

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

Misolni ishga tushirish »

Rasmlar, ranglar va ilova ikonkalarini boshqarish uchun Assets.xcassets’dan foydalaning.

Ilova ikonkasi bo‘yicha tavsiyalar

Ikonkalarni oddiy va oson taniladigan qiling.

Shaffoflikdan qoching.

Apple’ning Human Interface Guidelines tavsiyalariga amal qiling.

Maslahat: Iloji bo‘lsa, bir xil uslubdagi tizimga o‘xshash ikonkalar uchun SF Symbols’dan foydalaning.

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish