سوئفٽ استعمال ڪندي iOS ايپس ٺاهڻ تي سبق
ايپل جي جامع ڊولپمينٽ ايڪو سسٽم جي ڪري ايڪس ڪوڊ ۽ سوئفٽ پروگرامنگ ٻولي جي مهرباني، iOS ايپس ٺاهڻ ڪڏهن به آسان نه رهيو آهي. هن آرٽيڪل ۾، توهان سوئفٽ استعمال ڪندي iOS ايپ ٺاهڻ جي بنيادي وهڪري سکندا، اوزارن کي سيٽ ڪرڻ، هڪ نئون پروجيڪٽ ٺاهڻ، انٽرفيس ڊيزائن ڪرڻ، ۽ سموليٽر ۾ ايپ هلائڻ کان. جڏهن ته هي سبق تعارفي آهي، قدم توهان کي هڪ سادي، ڪم ڪندڙ ايپ ٺاهڻ ۾ مدد ڏيڻ لاءِ ڪافي هجڻ گهرجن.
-
1. اوزارن ۽ گهرجن جي تياري
ڪوڊ لکڻ شروع ڪرڻ کان اڳ، پڪ ڪريو ته توهان وٽ هيٺ ڏنل ڊوائيسز ۽ سافٽ ويئر آهن:
1. MacBook/iMac (يا ايپل ڊوائيسز تي macOS)، ڇاڪاڻ ته Xcode سرڪاري طور تي صرف macOS تي هلندو آهي.
2. ايڪس ڪوڊ (ميڪ ايپ اسٽور تان مفت ڊائون لوڊ). ايڪس ڪوڊ ۾ هڪ ڪوڊ ايڊيٽر، هڪ آئي فون سموليٽر، ۽ بلڊ ۽ ڊيبگنگ ٽولز شامل آهن.
3. سوئفٽ (ايڪس ڪوڊ ۾ شامل).
4. (اختياري) جسماني ڊوائيسز جي انسٽاليشن ۽ ايپ اسٽور تي شايع ڪرڻ لاءِ ايپل ڊولپر اڪائونٽ.
هڪ ڀيرو ايڪس ڪوڊ انسٽال ٿي وڃي، ايپليڪيشن کوليو ۽ جيڪڏهن ضروري هجي ته اضافي حصن جي انسٽاليشن جي عمل جي مڪمل ٿيڻ جو انتظار ڪريو.
-
2. ايڪس ڪوڊ ۾ هڪ نئون پروجيڪٽ ٺاهيو
1. ايڪس ڪوڊ کوليو.
2. نئون ايڪس ڪوڊ پروجيڪٽ ٺاهيو چونڊيو.
3. ٽيمپليٽ سيڪشن ۾، چونڊيو:
- آئي او ايس
- ايپ
4. اڳيون تي ڪلڪ ڪريو، پوءِ پروجيڪٽ جي ترتيب ڀريو:
- پراڊڪٽ جو نالو: مثال طور `HelloSwiftApp`
- ٽيم: پنهنجو اڪائونٽ چونڊيو (جيڪڏهن توهان لاگ ان نه آهيو ته خالي ٿي سگهي ٿو)
- تنظيم سڃاڻپ ڪندڙ: مثال طور `com.devname`
- انٽرفيس: SwiftUI چونڊيو (نئين سکندڙن لاءِ وڌيڪ جديد ۽ آسان)
نوٽ: جيڪڏهن توهان UIKit چاهيو ٿا، ته توهان Storyboard چونڊي سگهو ٿا، پر هي سبق SwiftUI تي ڌيان ڏئي ٿو.
- ٻولي: سوئفٽ
5. اڳيون تي ڪلڪ ڪريو ۽ پروجيڪٽ اسٽوريج جي جڳھ چونڊيو، پوءِ ٺاهيو تي ڪلڪ ڪريو.
هڪ دفعو پروجيڪٽ ٺهي ويندو، توهان کي `HelloSwiftAppApp.swift` ۽ `ContentView.swift` جهڙو فائل ڍانچو نظر ايندو.
-
3. SwiftUI پروجيڪٽ جي بنيادي ڍانچي کي سمجهڻ
SwiftUI ۾، ايپليڪيشن جو شروعاتي نقطو عام طور تي `YourAppNameApp.swift` فائل هوندو آهي. مثال طور:
"تيز"
SwiftUI درآمد ڪريو
@ مکيه
هيلو سوئفٽ ايپ ايپ جي جوڙجڪ: ايپ {
var جسم: ڪجهه منظر {
ونڊو گروپ {
مواد ڏسو ()
}
}
}
“
مختصر وضاحت:
- `@main` ايپليڪيشن جي داخلا جي نقطي کي نشانو بڻائيندو آهي.
- `WindowGroup` مکيه ڏسڻ وارو ڪنٽينر آهي.
- `ContentView()` پهريون ڏيک آهي جيڪو ڏيکاريو ويندو آهي.
ساڳئي وقت، `ContentView.swift` ۾ مکيه نظارو شامل آهي:
"تيز"
SwiftUI درآمد ڪريو
ساخت جو مواد ڏسو: ڏسو {
var جسم: ڪجهه ڏسو {
ٽيڪسٽ ("هيلو، دنيا!")
.padding()
}
}
“
-
4. هڪ سادي UI ٺاهڻ: "جلدي نوٽس" ايپ
شين کي وڌيڪ دلچسپ بڻائڻ لاءِ، اسان "Quick Notes" نالي هڪ سادي ايپليڪيشن ٺاهينداسين جيڪا صارفين کي نوٽس ٽائيپ ڪرڻ ۽ انهن کي فهرست جي طور تي ڏيکارڻ جي اجازت ڏئي ٿي.
قدم 1: ان پٽ ۽ لسٽ لاءِ رياستون ٺاهڻ
`ContentView.swift` کي هن ۾ تبديل ڪريو:
"تيز"
SwiftUI درآمد ڪريو
ساخت جو مواد ڏسو: ڏسو {
@State خانگي var نوٽ ٽيڪسٽ: اسٽرنگ = “”
@State خانگي var نوٽس: [String] = []
var جسم: ڪجهه ڏسو {
نيويگيشن ڏيک {
وي اسٽيڪ (فاصلو: 16) {
ٽيڪسٽ فيلڊ ("هڪ نوٽ لکو..."، ٽيڪسٽ: $noteText)
.ٽيڪسٽ فيلڊ اسٽائل (گول بارڊر ٽيڪسٽ فيلڊ اسٽائل ())
.padding(.افقي)
بٽڻ (عمل: نوٽ شامل ڪريو) {
متن ("نوٽ شامل ڪريو")
.فريم (وڌ ۾ وڌ ويڪر: .انفنٽي)
}
.بٽن اسٽائل (.بارڊرڊ پراميننٽ)
.padding(.افقي)
فهرست {
هر هڪ لاءِ (نوٽ، سڃاڻپ: \. پاڻ) { نوٽ ان
متن (نوٽ)
}
.onDelete(پرفارم ڪريو: ڊيليٽ نوٽ)
}
}
.navigationTitle("جلدي نوٽس")
}
}
خانگي فنڪشن ايڊ نوٽ () {
ٽرم ڪيو وڃي = نوٽ ٽيڪسٽ.ٽرمنگ ڪردار (۾: .وائيٽ اسپيس ۽ نيو لائنز)
گارڊ ! ٽرمڊ. خالي آهي ٻيو { واپسي }
نوٽس. داخل ڪريو (تراشيل، تي: 0)
نوٽ ٽيڪسٽ = ""
}
نجي فنڪشن حذف نوٽ (آفسيٽ تي: IndexSet) {
نوٽس. هٽايو (آفسٽس تي: آفسيٽس)
}
}
“
-
5. اهم ڪوڊ وضاحت
سمجھڻ لاءِ ڪجھ اهم تصور:
- @State: ڊيٽا کي ذخيرو ڪرڻ لاءِ استعمال ڪيو ويندو آهي جيڪو تبديل ٿيندو ۽ UI کي ان مطابق اپڊيٽ ڪرڻ لاءِ ٽرگر ڪندو.
- `noteText` ان پٽ ٽيڪسٽ کي محفوظ ڪري ٿو.
- `نوٽس` نوٽس جي هڪ فهرست محفوظ ڪري ٿو.
- ٽيڪسٽ فيلڊ: ٽيڪسٽ ان پٽ جزو.
`text: $noteText` کي بائنڊنگ ڪرڻ جو مطلب آهي ته TextField سڌو سنئون `noteText` حالت سان ڳنڍيل آهي.
- بٽڻ (عمل:) : `addNote()` فنڪشن هلائڻ لاءِ بٽڻ.
- لسٽ + هر هڪ لاءِ: ڊيٽا کي لسٽ جي صورت ۾ ڏيکاري ٿو.
`id: \.self` استعمال ڪيو ويندو آهي ڇاڪاڻ ته شيون هڪ منفرد اسٽرنگ آهي (هڪ سادي مثال لاءِ).
- onDelete : سوائپ جي اشاري سان فهرست مان شيون ختم ڪرڻ جي اجازت ڏئي ٿو.
-
6. سيموليٽر ۾ ايپليڪيشن هلائڻ
ايپليڪيشن هلائڻ لاءِ:
1. ايڪس ڪوڊ جي چوٽي تي، ٽارگيٽ ڊيوائس چونڊيو، مثال طور آئي فون 15 (سموليٽر).
2. رن بٽڻ تي ڪلڪ ڪريو (ٽڪنڊي آئڪن ▶).
3. سموليٽر کلي ويندو، پوءِ ايپليڪيشن پاڻمرادو هلندي.
"نوٽ شامل ڪريو" بٽڻ کي دٻايو، هڪ نوٽ ٽائيپ ڪرڻ جي ڪوشش ڪريو، ۽ ڏسو ته اهو فهرست ۾ ظاهر ٿئي ٿو. ڪنهن به شيءِ کي حذف ڪرڻ لاءِ کاٻي پاسي سوائپ ڪريو.
-
7. سادي ڊيبگنگ
جڏهن ڪا ايپليڪيشن توقع مطابق ڪم نه ڪري، ته توهان ڪري سگهو ٿا:
- غلطي جي لاگ لاءِ ايڪس ڪوڊ جي تري ۾ ڊيبگ ڪنسول پينل کي ڏسو.
- متغير قدرن کي جانچڻ لاءِ `print()` شامل ڪيو ويو:
"تيز"
پرنٽ ("نوٽ شامل ڪيو ويو:"، ٽرم ڪيو ويو)
“
اضافي طور تي، ايڪس ڪوڊ پروگرام کي هڪ مخصوص لائن تي روڪڻ لاءِ هڪ بريڪ پوائنٽ فيچر فراهم ڪري ٿو ته جيئن توهان متغيرن جي مواد جو معائنو ڪري سگهو.
-
8. ايپليڪيشنن کي بهتر بڻائڻ: ڊيٽا جي تصديق ۽ اسٽوريج
مٿي ڏنل ايپليڪيشن اڃا تائين عارضي طور تي نوٽس محفوظ ڪري ٿي (اهي ايپليڪيشن بند ٿيڻ تي غائب ٿي ويندا). ترقي جي ايندڙ مرحلي لاءِ، توهان شامل ڪري سگهو ٿا:
1. مقامي اسٽوريج (يوزر ڊفالٽ)
ايپليڪيشن بند ٿيڻ کان پوءِ به برقرار رهڻ لاءِ نوٽس جي هڪ صف کي UserDefaults ۾ محفوظ ڪريو.
2. ڊيٽابيس (ڪور ڊيٽا/SQLite)
وڌيڪ پيچيده ڊيٽا لاءِ مناسب.
3. نوٽس جي خصوصيت کي تبديل ڪريو
رڪارڊ کي تبديل ڪرڻ لاءِ هڪ تفصيلي ڏيک ٺاهيو.
4. وڌيڪ پرڪشش UI
آئڪن، رنگ، ۽ هڪ صاف لي آئوٽ شامل ڪريو.
هڪ آسان قدم جي طور تي، توهان `JSONEncoder` ۽ `JSONDecoder` استعمال ڪندي رڪارڊ `UserDefaults` ۾ محفوظ ڪري شروع ڪري سگهو ٿا.
-
9. ڪيسمپولن
Swift ۽ SwiftUI iOS ايپس ٺاهڻ جو هڪ جديد ۽ تيز طريقو مهيا ڪن ٿا. هن سبق ۾، توهان سکيو ته هڪ نئون iOS پروجيڪٽ ڪيئن ٺاهيو، SwiftUI ايپ جي بنيادي ڍانچي کي ڪيئن سمجهو، ٽيڪسٽ فيلڊز، بٽڻن ۽ فهرستن سان هڪ سادي UI ڪيئن ٺاهيو، ۽ سموليٽر ۾ ايپ کي ڪيئن هلايو. جڏهن ته ايپ اڃا تائين سادي آهي، هي بنياد ڊيٽا اسٽوريج، پيج نيويگيشن، ۽ API انٽيگريشن جهڙن وڌيڪ پيچيده خاصيتن ڏانهن وڌڻ لاءِ ضروري آهي.
جيڪڏهن توهان چاهيو ٿا، ته مان توهان کي هن سبق جا وڌيڪ جديد نسخا ٺاهڻ ۾ پڻ مدد ڪري سگهان ٿو، جهڙوڪ UserDefaults/Core Data سان مسلسل اسٽوريج شامل ڪرڻ، NavigationStack سان هڪ تفصيلي صفحو ٺاهڻ، يا هڪ ايپ ٺاهڻ جيڪا URLSession استعمال ڪندي انٽرنيٽ تان ڊيٽا حاصل ڪري ٿي.
