സ്വിഫ്റ്റ് ഉപയോഗിച്ച് iOS ആപ്ലിക്കേഷനുകൾ സൃഷ്ടിക്കുന്നതിനെക്കുറിച്ചുള്ള ട്യൂട്ടോറിയൽ

സ്വിഫ്റ്റ് ഉപയോഗിച്ച് iOS ആപ്പുകൾ സൃഷ്ടിക്കുന്നതിനെക്കുറിച്ചുള്ള ട്യൂട്ടോറിയൽ

Xcode, Swift പ്രോഗ്രാമിംഗ് ഭാഷ എന്നിവയിലൂടെ ആപ്പിളിന്റെ സമഗ്ര വികസന ആവാസവ്യവസ്ഥയ്ക്ക് നന്ദി, iOS ആപ്പുകൾ നിർമ്മിക്കുന്നത് ഇത്രയും എളുപ്പമായിരുന്നില്ല. ഈ ലേഖനത്തിൽ, സ്വിഫ്റ്റ് ഉപയോഗിച്ച് ഒരു iOS ആപ്പ് നിർമ്മിക്കുന്നതിന്റെ അടിസ്ഥാന പ്രവാഹം നിങ്ങൾ പഠിക്കും, ഉപകരണങ്ങൾ സജ്ജീകരിക്കുക, ഒരു പുതിയ പ്രോജക്റ്റ് സൃഷ്ടിക്കുക, ഇന്റർഫേസ് രൂപകൽപ്പന ചെയ്യുക, സിമുലേറ്ററിൽ ആപ്പ് പ്രവർത്തിപ്പിക്കുക എന്നിവ മുതൽ. ഈ ട്യൂട്ടോറിയൽ ആമുഖമാണെങ്കിലും, ലളിതവും പ്രവർത്തിക്കുന്നതുമായ ഒരു ആപ്പ് സൃഷ്ടിക്കാൻ നിങ്ങളെ സഹായിക്കുന്നതിന് ഘട്ടങ്ങൾ മതിയാകും.

-

1. ഉപകരണങ്ങളും ആവശ്യകതകളും തയ്യാറാക്കൽ

കോഡ് എഴുതാൻ തുടങ്ങുന്നതിനുമുമ്പ്, നിങ്ങൾക്ക് ഇനിപ്പറയുന്ന ഉപകരണങ്ങളും സോഫ്റ്റ്‌വെയറും ഉണ്ടെന്ന് ഉറപ്പാക്കുക:

1. മാക്ബുക്ക്/ഐമാക് (അല്ലെങ്കിൽ ആപ്പിൾ ഉപകരണങ്ങളിലെ മാക്ഒഎസ്), എക്സ്കോഡ് ഔദ്യോഗികമായി മാകോസിൽ മാത്രമേ പ്രവർത്തിക്കൂ.
2. എക്സ്കോഡ് (മാക് ആപ്പ് സ്റ്റോറിൽ നിന്ന് സൌജന്യ ഡൗൺലോഡ്). എക്സ്കോഡിൽ ഒരു കോഡ് എഡിറ്റർ, ഒരു ഐഫോൺ സിമുലേറ്റർ, ബിൽഡ്, ഡീബഗ്ഗിംഗ് ടൂളുകൾ എന്നിവ ഉൾപ്പെടുന്നു.
3. സ്വിഫ്റ്റ് (എക്സ്കോഡിൽ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്).
4. (ഓപ്ഷണൽ) ഫിസിക്കൽ ഉപകരണങ്ങളിലേക്ക് ഇൻസ്റ്റാൾ ചെയ്യുന്നതിനും ആപ്പ് സ്റ്റോറിൽ പ്രസിദ്ധീകരിക്കുന്നതിനുമുള്ള ആപ്പിൾ ഡെവലപ്പർ അക്കൗണ്ട്.

Xcode ഇൻസ്റ്റാൾ ചെയ്തുകഴിഞ്ഞാൽ, ആപ്ലിക്കേഷൻ തുറന്ന് ആവശ്യമെങ്കിൽ അധിക ഘടകങ്ങളുടെ ഇൻസ്റ്റാളേഷൻ പ്രക്രിയ പൂർത്തിയാകുന്നതുവരെ കാത്തിരിക്കുക.

-

2. എക്സ്കോഡിൽ ഒരു പുതിയ പ്രോജക്റ്റ് സൃഷ്ടിക്കുക

1. എക്സ്കോഡ് തുറക്കുക.
2. ഒരു പുതിയ Xcode പ്രോജക്റ്റ് സൃഷ്ടിക്കുക തിരഞ്ഞെടുക്കുക.
3. ടെംപ്ലേറ്റ് വിഭാഗത്തിൽ, തിരഞ്ഞെടുക്കുക:
- ഐഒഎസ്
- ആപ്പ്
4. 'അടുത്തത്' ക്ലിക്ക് ചെയ്യുക, തുടർന്ന് പ്രോജക്റ്റ് കോൺഫിഗറേഷൻ പൂരിപ്പിക്കുക:
– ഉൽപ്പന്ന നാമം: ഉദാഹരണത്തിന് `HelloSwiftApp`
– ടീം: നിങ്ങളുടെ അക്കൗണ്ട് തിരഞ്ഞെടുക്കുക (നിങ്ങൾ ലോഗിൻ ചെയ്തിട്ടില്ലെങ്കിൽ ശൂന്യമായിരിക്കാം)
– ഓർഗനൈസേഷൻ ഐഡന്റിഫയർ: ഉദാഹരണത്തിന് `com.devname`
- ഇന്റർഫേസ്: SwiftUI തിരഞ്ഞെടുക്കുക (തുടക്കക്കാർക്ക് കൂടുതൽ ആധുനികവും ലളിതവുമാണ്)
കുറിപ്പ്: നിങ്ങൾക്ക് UIKit വേണമെങ്കിൽ, സ്റ്റോറിബോർഡ് തിരഞ്ഞെടുക്കാം, എന്നാൽ ഈ ട്യൂട്ടോറിയൽ SwiftUI-യിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നു.
– ഭാഷ: സ്വിഫ്റ്റ്
5. 'അടുത്തത്' ക്ലിക്ക് ചെയ്ത് പ്രോജക്റ്റ് സ്റ്റോറേജ് ലൊക്കേഷൻ തിരഞ്ഞെടുക്കുക, തുടർന്ന് 'സൃഷ്ടിക്കുക' ക്ലിക്ക് ചെയ്യുക.

പ്രോജക്റ്റ് സൃഷ്ടിച്ചുകഴിഞ്ഞാൽ, `HelloSwiftAppApp.swift`, `ContentView.swift` എന്നിങ്ങനെയുള്ള ഒരു ഫയൽ ഘടന നിങ്ങൾ കാണും.

-

3. ഒരു SwiftUI പ്രോജക്റ്റിന്റെ അടിസ്ഥാന ഘടന മനസ്സിലാക്കൽ

SwiftUI-യിൽ, ഒരു ആപ്ലിക്കേഷന്റെ ആരംഭ പോയിന്റ് സാധാരണയായി `YourAppNameApp.swift` ഫയലായിരിക്കും. ഉദാഹരണത്തിന്:

"വേഗതയുള്ളത്"
സ്വിഫ്റ്റ്യുഐ ഇറക്കുമതി ചെയ്യുക

@മെയിൻ
ഘടന HelloSwiftAppApp: ആപ്പ് {
var ബോഡി: ചില രംഗങ്ങൾ {
വിൻഡോ ഗ്രൂപ്പ് {
ഉള്ളടക്ക കാഴ്ച()
}
}
}
""

ചെറിയ വിശദീകരണം:
– `@main` ആപ്ലിക്കേഷൻ എൻട്രി പോയിന്റ് അടയാളപ്പെടുത്തുന്നു.
– `WindowGroup` ആണ് പ്രധാന വ്യൂ കണ്ടെയ്നർ.
– `ContentView()` ആണ് ആദ്യം പ്രദർശിപ്പിക്കുന്ന കാഴ്ച.

അതേസമയം, `ContentView.swift`-ൽ പ്രധാന കാഴ്ച അടങ്ങിയിരിക്കുന്നു:

"വേഗതയുള്ളത്"
സ്വിഫ്റ്റ്യുഐ ഇറക്കുമതി ചെയ്യുക

ഘടന ഉള്ളടക്ക കാഴ്‌ച: കാണുക {
var ബോഡി: ചിലത് കാണുക {
വാചകം (“ഹലോ, ലോകം!”)
.പാഡിംഗ്()
}
}
""

-

4. ഒരു ലളിതമായ UI സൃഷ്ടിക്കൽ: "ക്വിക്ക് നോട്ട്സ്" ആപ്പ്

കാര്യങ്ങൾ കൂടുതൽ രസകരമാക്കാൻ, ഉപയോക്താക്കൾക്ക് കുറിപ്പുകൾ ടൈപ്പ് ചെയ്യാനും ഒരു ലിസ്റ്റായി പ്രദർശിപ്പിക്കാനും അനുവദിക്കുന്ന "ക്വിക്ക് നോട്ട്സ്" എന്ന ലളിതമായ ആപ്ലിക്കേഷൻ ഞങ്ങൾ സൃഷ്ടിക്കും.

ഘട്ടം 1: ഇൻപുട്ടിനും ലിസ്റ്റിനുമായി സംസ്ഥാനങ്ങൾ സൃഷ്ടിക്കുന്നു

`ContentView.swift` ഇതിലേക്ക് മാറ്റുക:

"വേഗതയുള്ളത്"
സ്വിഫ്റ്റ്യുഐ ഇറക്കുമതി ചെയ്യുക

ഘടന ഉള്ളടക്ക കാഴ്‌ച: കാണുക {
@State private var noteText: സ്ട്രിംഗ് = “”
@State സ്വകാര്യ var കുറിപ്പുകൾ: [സ്ട്രിംഗ്] = []

var ബോഡി: ചിലത് കാണുക {
നാവിഗേഷൻ വ്യൂ {
വിസ്റ്റാക്ക്(അകലം: 16) {
ടെക്സ്റ്റ്ഫീൽഡ്(“ഒരു കുറിപ്പ് എഴുതുക…”, ടെക്സ്റ്റ്: $noteText)
.textFieldStyle(വൃത്താകൃതിയിലുള്ള അതിർത്തിടെക്സ്റ്റ്ഫീൽഡ്സ്റ്റൈൽ())
.പാഡിംഗ്(.തിരശ്ചീന)

ബട്ടൺ(പ്രവർത്തനം: കുറിപ്പ് ചേർക്കുക) {
വാചകം(“കുറിപ്പ് ചേർക്കുക”)
.ഫ്രെയിം(പരമാവധി വീതി: .ഇൻഫിനിറ്റി)
}
.buttonStyle(.borderedProminent)
.പാഡിംഗ്(.തിരശ്ചീന)

ലിസ്റ്റ് {
ForEach(notes, id: \.self) { കുറിപ്പ് ഇൻ
വാചകം (കുറിപ്പ്)
}
.onDelete(പ്രകടനം: deleteNote)
}
}
.navigationTitle(“ദ്രുത കുറിപ്പുകൾ”)
}
}

സ്വകാര്യ ഫങ്ഷൻ ആഡ് നോട്ട്() {
ട്രിം ചെയ്യട്ടെ = noteText.trimmingCharacters(in: .whitespacesAndNewlines)
ഗാർഡ് !ട്രിംഡ്.ഇസ്ശൂന്യമാണ് അല്ലെങ്കിൽ { റിട്ടേൺ }
notes.insert(ട്രിം ചെയ്തു, at: 0)
കുറിപ്പ് വാചകം = “”
}

സ്വകാര്യ ഫങ്ക് ഡിലീറ്റ് നോട്ട് (ഓഫ്‌സെറ്റുകളിൽ: ഇൻഡെക്സ്സെറ്റ്) {
notes.remove(atOffsets: ഓഫ്‌സെറ്റുകൾ)
}
}
""

-

5. പ്രധാനപ്പെട്ട കോഡ് വിശദീകരണം

മനസ്സിലാക്കേണ്ട ചില പ്രധാന ആശയങ്ങൾ:

– @State : മാറുന്ന ഡാറ്റ സംഭരിക്കാനും അതിനനുസരിച്ച് UI അപ്‌ഡേറ്റ് ചെയ്യാൻ പ്രേരിപ്പിക്കാനും ഉപയോഗിക്കുന്നു.
– `noteText` ഇൻപുട്ട് ടെക്സ്റ്റ് സംഭരിക്കുന്നു.
- `notes` കുറിപ്പുകളുടെ ഒരു ലിസ്റ്റ് സംഭരിക്കുന്നു.

– ടെക്സ്റ്റ്ഫീൽഡ് : ടെക്സ്റ്റ് ഇൻപുട്ട് ഘടകം.
`text: $noteText` ബൈൻഡിംഗ് എന്നാൽ TextField നേരിട്ട് `noteText` അവസ്ഥയുമായി ബന്ധിപ്പിച്ചിരിക്കുന്നു എന്നാണ്.

– ബട്ടൺ(ആക്ഷൻ:) : `addNote()` ഫംഗ്ഷൻ പ്രവർത്തിപ്പിക്കാനുള്ള ബട്ടൺ.

– ലിസ്റ്റ് + ഫോർ ഈച്ച്: ലിസ്റ്റ് രൂപത്തിൽ ഡാറ്റ പ്രദർശിപ്പിക്കുന്നു.
`id: \.self` എന്ന ഇനം ഒരു അദ്വിതീയ സ്ട്രിംഗ് ആയതിനാൽ ഉപയോഗിക്കുന്നു (ലളിതമായ ഒരു ഉദാഹരണത്തിന്).

– onDelete: ഒരു സ്വൈപ്പ് ആംഗ്യത്തിലൂടെ ലിസ്റ്റിൽ നിന്ന് ഇനങ്ങൾ ഇല്ലാതാക്കാൻ അനുവദിക്കുന്നു.

-

6. സിമുലേറ്ററിൽ ആപ്ലിക്കേഷൻ പ്രവർത്തിപ്പിക്കൽ

ആപ്ലിക്കേഷൻ പ്രവർത്തിപ്പിക്കാൻ:

1. Xcode-ന്റെ മുകളിൽ, ലക്ഷ്യ ഉപകരണം തിരഞ്ഞെടുക്കുക, ഉദാഹരണത്തിന് iPhone 15 (സിമുലേറ്റർ).
2. റൺ ബട്ടൺ ക്ലിക്ക് ചെയ്യുക (ത്രികോണ ഐക്കൺ ▶).
3. സിമുലേറ്റർ തുറക്കും, തുടർന്ന് ആപ്ലിക്കേഷൻ യാന്ത്രികമായി പ്രവർത്തിക്കും.

"കുറിപ്പ് ചേർക്കുക" ബട്ടൺ അമർത്തി ഒരു കുറിപ്പ് ടൈപ്പ് ചെയ്യാൻ ശ്രമിക്കുക, അത് പട്ടികയിൽ ദൃശ്യമാകുന്നത് കാണുക. ഏതെങ്കിലും ഇനം ഇല്ലാതാക്കാൻ ഇടതുവശത്തേക്ക് സ്വൈപ്പ് ചെയ്യുക.

-

7. ലളിതമായ ഡീബഗ്ഗിംഗ്

ഒരു ആപ്ലിക്കേഷൻ പ്രതീക്ഷിച്ചതുപോലെ പ്രവർത്തിക്കുന്നില്ലെങ്കിൽ, നിങ്ങൾക്ക് ഇവ ചെയ്യാനാകും:

– പിശക് ലോഗുകൾക്കായി Xcode-ന്റെ താഴെയുള്ള ഡീബഗ് കൺസോൾ പാനലിൽ നോക്കുക.
– വേരിയബിൾ മൂല്യങ്ങൾ പരിശോധിക്കാൻ `print()` ചേർത്തു:

"വേഗതയുള്ളത്"
പ്രിന്റ് (“കുറിപ്പ് ചേർത്തു:”, ട്രിം ചെയ്‌തു)
""

കൂടാതെ, വേരിയബിളുകളുടെ ഉള്ളടക്കങ്ങൾ പരിശോധിക്കാൻ കഴിയുന്ന തരത്തിൽ ഒരു പ്രത്യേക ലൈനിൽ പ്രോഗ്രാം നിർത്തുന്നതിന് എക്സ്കോഡ് ഒരു ബ്രേക്ക്പോയിന്റ് സവിശേഷത നൽകുന്നു.

-

8. ആപ്ലിക്കേഷനുകൾ മെച്ചപ്പെടുത്തൽ: ഡാറ്റ മൂല്യനിർണ്ണയവും സംഭരണവും

മുകളിലുള്ള ആപ്ലിക്കേഷൻ ഇപ്പോഴും താൽക്കാലികമായി കുറിപ്പുകൾ സംഭരിക്കുന്നു (ആപ്ലിക്കേഷൻ അടയ്ക്കുമ്പോൾ അവ അപ്രത്യക്ഷമാകും). വികസനത്തിന്റെ അടുത്ത ഘട്ടത്തിനായി, നിങ്ങൾക്ക് ഇവ ചേർക്കാം:

1. ലോക്കൽ സ്റ്റോറേജ് (ഉപയോക്തൃ സ്ഥിരസ്ഥിതികൾ)
ആപ്ലിക്കേഷൻ അടച്ചതിനുശേഷം നിലനിൽക്കുന്നതിന് UserDefaults-ൽ കുറിപ്പുകളുടെ ഒരു നിര സംരക്ഷിക്കുക.
2. ഡാറ്റാബേസ് (കോർ ഡാറ്റ/SQLite)
കൂടുതൽ സങ്കീർണ്ണമായ ഡാറ്റയ്ക്ക് അനുയോജ്യം.
3. കുറിപ്പുകൾ എഡിറ്റ് ചെയ്യുക ഫീച്ചർ
റെക്കോർഡ് പരിഷ്കരിക്കുന്നതിന് ഒരു വിശദാംശ കാഴ്ച സൃഷ്ടിക്കുക.
4. കൂടുതൽ ആകർഷകമായ UI
ഐക്കണുകൾ, നിറങ്ങൾ, കൂടുതൽ വൃത്തിയുള്ള ലേഔട്ട് എന്നിവ ചേർക്കുക.

ഒരു എളുപ്പ ഘട്ടമെന്ന നിലയിൽ, `JSONEncoder` ഉം `JSONDecoder` ഉം ഉപയോഗിച്ച് `UserDefaults` ൽ റെക്കോർഡുകൾ സേവ് ചെയ്തുകൊണ്ട് നിങ്ങൾക്ക് ആരംഭിക്കാം.

-

9. കെസിമ്പുലൻ

iOS ആപ്പുകൾ നിർമ്മിക്കുന്നതിനുള്ള ആധുനികവും വേഗതയേറിയതുമായ ഒരു മാർഗം Swift ഉം SwiftUI ഉം നൽകുന്നു. ഈ ട്യൂട്ടോറിയലിൽ, ഒരു പുതിയ iOS പ്രോജക്റ്റ് എങ്ങനെ സൃഷ്ടിക്കാമെന്നും, ഒരു SwiftUI ആപ്പിന്റെ അടിസ്ഥാന ഘടന മനസ്സിലാക്കാമെന്നും, TextFields, ബട്ടണുകൾ, ലിസ്റ്റുകൾ എന്നിവ ഉപയോഗിച്ച് ഒരു ലളിതമായ UI നിർമ്മിക്കാമെന്നും, സിമുലേറ്ററിൽ ആപ്പ് പ്രവർത്തിപ്പിക്കാമെന്നും നിങ്ങൾ പഠിച്ചു. ആപ്പ് ഇപ്പോഴും ലളിതമാണെങ്കിലും, ഡാറ്റ സംഭരണം, പേജ് നാവിഗേഷൻ, API സംയോജനം പോലുള്ള കൂടുതൽ സങ്കീർണ്ണമായ സവിശേഷതകളിലേക്ക് നീങ്ങുന്നതിന് ഈ അടിസ്ഥാനം അത്യാവശ്യമാണ്.

നിങ്ങൾക്ക് താൽപ്പര്യമുണ്ടെങ്കിൽ, ഈ ട്യൂട്ടോറിയലിന്റെ കൂടുതൽ നൂതന പതിപ്പുകൾ സൃഷ്ടിക്കാൻ ഞാൻ നിങ്ങളെ സഹായിക്കാനാകും, ഉദാഹരണത്തിന് UserDefaults/Core Data ഉപയോഗിച്ച് പെർസിസ്റ്റന്റ് സ്റ്റോറേജ് ചേർക്കൽ, NavigationStack ഉപയോഗിച്ച് ഒരു വിശദാംശ പേജ് സൃഷ്ടിക്കൽ, അല്ലെങ്കിൽ URLSession ഉപയോഗിച്ച് ഇന്റർനെറ്റിൽ നിന്ന് ഡാറ്റ ലഭ്യമാക്കുന്ന ഒരു ആപ്പ് സൃഷ്ടിക്കൽ.