دارایی ها و آیکون ها (Assets & App Icons)
دارایی گرافیکی یعنی عکس و رنگ و آیکون. همه را در Assets.xcassets جمع می کنیم. سپس اندازه های آیکون اپ را آماده می کنیم. ساده بماند تا سریع فهمیده شود.
کاتالوگ دارایی ها
کاتالوگ دارایی مثل پوشه مرتب است. اینجا مجموعه های تصویر 1x/2x/3x، رنگ ها و AppIcon را مدیریت کن. این کار نگهداری را آسان می کند.
نمونه: استفاده از نمادهای سیستمی (SF Symbols)
نماد سیستمی یعنی آیکون های آماده سیستم. ظاهر یکدست می دهند و خوانا هستند.
SymbolsDemo.swift
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()
}
}
ContentView.swift
import SwiftUI
struct ContentView: View {
var body: some View {
SymbolsDemo()
}
}
App.swift
import SwiftUI
@main
struct MyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
نمونه: رنگ و تصویر از Assets
از Assets.xcassets برای رنگ اپ و تصاویر استفاده کن. سپس در UI به سادگی مصرف کن.
AssetsDemo.swift
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()
}
}
ContentView.swift
import SwiftUI
struct ContentView: View {
var body: some View {
AssetsDemo()
}
}
App.swift
import SwiftUI
@main
struct MyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
راهنمای آیکون اپ
آیکون ساده و قابل شناسایی باشد. شفافیت نداشته باشد. با راهنمای رابط کاربری اپل هماهنگ بماند.
نکته: برای یکدستی، تا می شود از نمادهای سیستمی استفاده کن.
گام های عملی سریع
- AppIcon را با اندازه های لازم بساز.
- AccentColor را در دارایی ها تنظیم کن.
- تصاویر را در 1x/2x/3x اضافه کن.
جمع بندی سریع
- Assets.xcassets همه چیز را مرتب می کند.
- SF Symbols ظاهر یکدست می دهد.
- آیکون ساده و بدون شفافیت باشد.
- راهنمای اپل را رعایت کن.
مطالب مرتبط: تست با XCTest، امضا و انتشار.