ஸ்விஃப்ட் பயன்படுத்தி iOS செயலிகளை உருவாக்குவது குறித்த பயிற்சி
Xcode மற்றும் Swift நிரலாக்க மொழி வழியாக ஆப்பிளின் விரிவான மேம்பாட்டுச் சூழலமைப்பால், iOS செயலிகளை உருவாக்குவது முன்னெப்போதும் இல்லாத வகையில் எளிதாகியுள்ளது. இந்தக் கட்டுரையில், கருவிகளை அமைப்பது, ஒரு புதிய திட்டத்தை உருவாக்குவது, இடைமுகத்தை வடிவமைப்பது மற்றும் சிமுலேட்டரில் செயலியை இயக்குவது என Swift-ஐப் பயன்படுத்தி ஒரு iOS செயலியை உருவாக்குவதற்கான அடிப்படை செயல்முறையை நீங்கள் கற்றுக்கொள்வீர்கள். இந்த வழிகாட்டி ஒரு அறிமுகப் பயிற்சியாக இருந்தாலும், ஒரு எளிய, செயல்படும் செயலியை உருவாக்க இதில் உள்ள படிகள் போதுமானதாக இருக்கும்.
-
1. கருவிகள் மற்றும் தேவைகளைத் தயார் செய்தல்
நீங்கள் நிரல் எழுதத் தொடங்குவதற்கு முன், உங்களிடம் பின்வரும் சாதனங்களும் மென்பொருளும் இருப்பதை உறுதி செய்து கொள்ளுங்கள்:
1. மேக்புக்/ஐமேக் (அல்லது ஆப்பிள் சாதனங்களில் மேக்ஓஎஸ்), ஏனெனில் எக்ஸ்கோட் அதிகாரப்பூர்வமாக மேக்ஓஎஸ்-இல் மட்டுமே இயங்குகிறது.
2. எக்ஸ்கோட் (மேக் ஆப் ஸ்டோரிலிருந்து இலவசமாகப் பதிவிறக்கம் செய்யலாம்). எக்ஸ்கோடில் ஒரு குறியீடு திருத்தி, ஐபோன் சிமுலேட்டர், மற்றும் உருவாக்கம் மற்றும் பிழைதிருத்தக் கருவிகள் ஆகியவை அடங்கும்.
3. ஸ்விஃப்ட் (எக்ஸ்கோடில் சேர்க்கப்பட்டுள்ளது).
4. (விருப்பத்தேர்வு) பௌதீக சாதனங்களில் நிறுவுவதற்கும் ஆப் ஸ்டோரில் வெளியிடுவதற்கும் ஆப்பிள் டெவலப்பர் கணக்கு.
Xcode நிறுவப்பட்டதும், பயன்பாட்டைத் திறந்து, தேவைப்பட்டால் கூடுதல் கூறுகளின் நிறுவல் செயல்முறை முடிவடையும் வரை காத்திருக்கவும்.
-
2. Xcode-இல் ஒரு புதிய திட்டத்தை உருவாக்கவும்
1. Xcode-ஐத் திறக்கவும்.
2. புதிய Xcode திட்டத்தை உருவாக்கு என்பதைத் தேர்ந்தெடுக்கவும்.
3. வார்ப்புருப் பிரிவில், பின்வருவனவற்றைத் தேர்ந்தெடுக்கவும்:
– iOS
– செயலி
4. அடுத்து என்பதைக் கிளிக் செய்து, பின்னர் திட்ட உள்ளமைவை நிரப்பவும்:
– தயாரிப்பின் பெயர்: உதாரணமாக `HelloSwiftApp`
– குழு: உங்கள் கணக்கைத் தேர்ந்தெடுக்கவும் (நீங்கள் உள்நுழையவில்லை என்றால் இது காலியாக இருக்கலாம்)
– நிறுவன அடையாளங்காட்டி : உதாரணமாக `com.devname`
– இடைமுகம்: SwiftUI-ஐத் தேர்ந்தெடுக்கவும் (தொடக்கநிலையாளர்களுக்கு மிகவும் நவீனமானது மற்றும் எளிமையானது)
குறிப்பு: உங்களுக்கு UIKit வேண்டுமென்றால், நீங்கள் Storyboard-ஐத் தேர்ந்தெடுக்கலாம், ஆனால் இந்த வழிகாட்டி SwiftUI-ஐ மையமாகக் கொண்டுள்ளது.
– மொழி: ஸ்விஃப்ட்
5. அடுத்து என்பதைக் கிளிக் செய்து, திட்டச் சேமிப்பிடத்தைத் தேர்ந்தெடுத்து, பின்னர் உருவாக்கு என்பதைக் கிளிக் செய்யவும்.
திட்டம் உருவாக்கப்பட்டவுடன், `HelloSwiftAppApp.swift` மற்றும் `ContentView.swift` போன்ற கோப்பு அமைப்பைக் காண்பீர்கள்.
-
3. ஒரு SwiftUI திட்டத்தின் அடிப்படைக் கட்டமைப்பைப் புரிந்துகொள்ளுதல்
SwiftUI-இல், ஒரு பயன்பாட்டின் தொடக்கப் புள்ளி என்பது பொதுவாக `YourAppNameApp.swift` கோப்பு ஆகும். எடுத்துக்காட்டாக:
"`விரைவான
ஸ்விஃப்ட் யுஐ இறக்குமதி
@முதன்மை
struct HelloSwiftAppApp: App {
var body: some Scene {
சாளரக் குழு {
உள்ளடக்கக் காட்சி()
}
}
}
"`
சுருக்கமான விளக்கம்:
– `@main` என்பது பயன்பாட்டின் நுழைவுப் புள்ளியைக் குறிக்கிறது.
– `WindowGroup` என்பது முதன்மை காட்சிக் கொள்கலன் ஆகும்.
– `ContentView()` என்பது காட்டப்படும் முதல் காட்சியாகும்.
இதற்கிடையில், `ContentView.swift` முதன்மை வியூவைக் கொண்டுள்ளது:
"`விரைவான
ஸ்விஃப்ட் யுஐ இறக்குமதி
struct ContentView: பார்வை {
var உடல்: சில காட்சி {
உரை ("வணக்கம், உலகமே!")
.padding()
}
}
"`
-
4. ஒரு எளிய பயனர் இடைமுகத்தை உருவாக்குதல்: “விரைவுக் குறிப்புகள்” செயலி
விஷயங்களை இன்னும் சுவாரஸ்யமாக்க, பயனர்கள் குறிப்புகளைத் தட்டச்சு செய்து அவற்றை ஒரு பட்டியலாகக் காண்பிக்கும் வகையில், “Quick Notes” என்ற எளிய செயலியை நாம் உருவாக்குவோம்.
படி 1: உள்ளீடு மற்றும் பட்டியலுக்கான நிலைகளை உருவாக்குதல்
`ContentView.swift`-ஐ பின்வருமாறு மாற்றவும்:
"`விரைவான
ஸ்விஃப்ட் யுஐ இறக்குமதி
struct ContentView: பார்வை {
@State private var noteText: String = “”
@State தனியார் மாறி குறிப்புகள்: [சரம்] = []
var உடல்: சில காட்சி {
வழிசெலுத்தல் காட்சி {
VStack(இடைவெளி: 16) {
TextField(“ஒரு குறிப்பை எழுதவும்…”, text: $noteText)
.textFieldStyle(RoundedBorderTextFieldStyle())
.padding(.horizontal)
பொத்தான்(செயல்: குறிப்பைச் சேர்) {
உரை ("குறிப்பைச் சேர்க்கவும்")
.frame(maxwidth: .infinity)
}
.buttonStyle(.borderedProminent)
.padding(.horizontal)
பட்டியல் {
ForEach(notes, id: \.self) { note in
உரை (குறிப்பு)
}
.onDelete(perform: deleteNote)
}
}
.navigationTitle(“விரைவுக் குறிப்புகள்”)
}
}
தனியார் செயல்பாடு addNote() {
let trimmed = noteText.trimmingCharacters(in: .whitespacesAndNewlines)
!trimmed.isEmpty எனில் { return }
notes.insert(trimmed, at: 0)
குறிப்பு உரை = “”
}
பிரைவேட் ஃபங்க் டெலிட்நோட்(ஆஃப்செட்களில்: இன்டெக்ஸ்செட்) {
notes.remove(atOffsets: offsets)
}
}
"`
-
5. முக்கியமான குறியீடு விளக்கம்
புரிந்துகொள்ள வேண்டிய சில முக்கியக் கருத்துகள்:
– @State : மாறக்கூடிய தரவுகளைச் சேமிக்கவும், அதற்கேற்ப பயனர் இடைமுகத்தைப் புதுப்பிக்கவும் பயன்படுகிறது.
– `noteText` உள்ளீட்டு உரையைச் சேமிக்கிறது.
`notes` என்பது குறிப்புகளின் பட்டியலைச் சேமிக்கிறது.
– டெக்ஸ்ட்ஃபீல்ட் : உரை உள்ளீட்டுக் கூறு.
`text: $noteText` எனப் பிணைப்பதன் பொருள், அந்த TextField ஆனது `noteText` நிலையுடன் நேரடியாக இணைக்கப்பட்டுள்ளது என்பதாகும்.
– பொத்தான்(செயல்:) : `addNote()` செயல்பாட்டை இயக்குவதற்கான பொத்தான்.
– List + ForEach : தரவுகளைப் பட்டியல் வடிவில் காண்பிக்கிறது.
(ஒரு எளிய உதாரணத்திற்காக) அந்த உருப்படி ஒரு தனித்துவமான சரம் என்பதால் `id: \.self` பயன்படுத்தப்படுகிறது.
– onDelete : ஸ்வைப் சைகை மூலம் பட்டியலிலிருந்து உருப்படிகளை நீக்க அனுமதிக்கிறது.
-
6. சிமுலேட்டரில் பயன்பாட்டை இயக்குதல்
பயன்பாட்டை இயக்க:
1. Xcode-இன் மேலே, இலக்கு சாதனத்தைத் தேர்ந்தெடுக்கவும், எடுத்துக்காட்டாக iPhone 15 (Simulator).
2. ரன் பொத்தானை (முக்கோணச் சின்னம் ▶) சொடுக்கவும்.
3. சிமுலேட்டர் திறந்தவுடன், செயலி தானாகவே இயங்கும்.
ஒரு குறிப்பைத் தட்டச்சு செய்து, “குறிப்பைச் சேர்” பொத்தானை அழுத்திப் பாருங்கள், அது பட்டியலில் தோன்றும். எந்தவொரு உருப்படியையும் நீக்க, அதை இடதுபுறமாக ஸ்வைப் செய்யவும்.
-
7. எளிய பிழைதிருத்தம்
ஒரு செயலி எதிர்பார்த்தபடி செயல்படாதபோது, நீங்கள் பின்வருவனவற்றைச் செய்யலாம்:
– பிழைப் பதிவுகளுக்கு, Xcode-இன் கீழே உள்ள பிழைதிருத்தக் கன்சோல் பேனலைப் பார்க்கவும்.
– மாறிகளின் மதிப்புகளைச் சரிபார்க்க `print()` சேர்க்கப்பட்டது:
"`விரைவான
print(“குறிப்பு சேர்க்கப்பட்டது:”, சுருக்கப்பட்டது)
"`
மேலும், மாறிகளின் உள்ளடக்கங்களை நீங்கள் ஆய்வு செய்வதற்காக, நிரலை ஒரு குறிப்பிட்ட வரியில் நிறுத்த உதவும் பிரேக் பாயிண்ட் அம்சத்தை எக்ஸ்கோட் வழங்குகிறது.
-
8. பயன்பாடுகளை மேம்படுத்துதல்: தரவு சரிபார்ப்பு மற்றும் சேமிப்பு
மேற்கண்ட செயலி குறிப்புகளைத் தற்காலிகமாகச் சேமித்து வைக்கிறது (செயலி மூடப்படும்போது அவை மறைந்துவிடும்). மேம்பாட்டின் அடுத்த கட்டத்திற்கு, நீங்கள் பின்வருவனவற்றைச் சேர்க்கலாம்:
1. உள்ளூர் சேமிப்பகம் (பயனர் இயல்புநிலைகள்)
பயன்பாடு மூடப்பட்ட பிறகும் நிலைத்திருக்க, குறிப்புகளின் ஒரு தொகுப்பை UserDefaults-இல் சேமிக்கவும்.
2. தரவுத்தளம் (கோர் டேட்டா/SQLite)
மேலும் சிக்கலான தரவுகளுக்குப் பொருத்தமானது.
3. குறிப்புகளைத் திருத்தும் அம்சம்
பதிவைத் திருத்துவதற்கு ஒரு விவரக் காட்சியை உருவாக்கவும்.
4. மேலும் கவர்ச்சிகரமான பயனர் இடைமுகம்
சின்னங்கள், வண்ணங்கள் மற்றும் நேர்த்தியான தளவமைப்பைச் சேர்க்கவும்.
ஒரு எளிய படியாக, `JSONEncoder` மற்றும் `JSONDecoder` ஆகியவற்றைப் பயன்படுத்தி, பதிவுகளை `UserDefaults`-இல் சேமிக்கத் தொடங்கலாம்.
-
9. கெசிம்புலன்
Swift மற்றும் SwiftUI ஆகியவை iOS செயலிகளை உருவாக்க ஒரு நவீன மற்றும் வேகமான வழியை வழங்குகின்றன. இந்தப் பயிற்சியில், ஒரு புதிய iOS திட்டத்தை உருவாக்குவது, ஒரு SwiftUI செயலியின் அடிப்படைக் கட்டமைப்பைப் புரிந்துகொள்வது, TextFields, Buttons மற்றும் Lists-ஐக் கொண்டு ஒரு எளிய UI-ஐ உருவாக்குவது, மற்றும் சிமுலேட்டரில் செயலியை இயக்குவது எப்படி என்பதை நீங்கள் கற்றுக்கொண்டீர்கள். செயலி இன்னும் எளிமையாக இருந்தாலும், தரவு சேமிப்பு, பக்க வழிசெலுத்தல் மற்றும் API ஒருங்கிணைப்பு போன்ற மிகவும் சிக்கலான அம்சங்களுக்குச் செல்வதற்கு இந்த அடித்தளம் அவசியமானது.
நீங்கள் விரும்பினால், UserDefaults/Core Data-ஐப் பயன்படுத்தி நிலையான சேமிப்பகத்தைச் சேர்ப்பது, NavigationStack-ஐப் பயன்படுத்தி ஒரு விவரப் பக்கத்தை உருவாக்குவது, அல்லது URLSession-ஐப் பயன்படுத்தி இணையத்திலிருந்து தரவைப் பெறும் ஒரு செயலியை உருவாக்குவது போன்ற, இந்த வழிகாட்டியின் மேலும் மேம்பட்ட பதிப்புகளை உருவாக்கவும் நான் உங்களுக்கு உதவ முடியும்.
