Simple Login Screen Project using Swift UI.
Jump to:
Tutorial uploading XCode project on Github
Some Xcode Swift UI basics
Compatiability
Content View
Run-Time Testing
Method Running The Project
Initial Testing Result
How properly upload Xcode projects on Github
Writing Github README
Basic Markdown syntaxes
Creating Links in Markdown
markdown-guide
Basic writing and formatting syntax
XCode->UI(user interface->publish app to App store->downloadable for users)
Create a new Xcode project->IOS->App
Setup project name/app name->Team as personal Apple ID->Organization name
Organization Bundle identifier(unique ID of your app)->swift->leave everything else
Unselected->create gitSource->create at a location
Close the sidebars on two sides
iPhone 13,iPhone 12,iPhone 11
All the edition based on the file ContentView.swift
screenshot
Creating and highlighting code blocks in Specific Template
NavigationView{
ZStack{...}
//design the overall background
VStack{...}
//textfields
Attach the attributes all behind the scopes(colors, frames, sizes, etc.)
When it comes to user private info that need to be encrpted such as password, we use
SecureField
rather than using the regular
TextField
to encrypt the user input into black bullet points.
NavigationLink{}
allows us to redirect the authenticated and successfully logged in users to enter the user page, which is ShowingLoginScreen, allowing us to program the user login page. Append to set the navigationBarHidden to true to properly hide the navigation bar for better looking UI.
For the UI background to be more compatible occupying the entire screen.
Create the user authentication function after the navigation view.
In the authentification function, use
lowercased(...)
method to not have case sensitive
Then call the user authentication function in Button.
Click the play button right next to preview on UI
Click the play button again to switch temporary testing off if want to go back programming.
Download the project to local directory
Xcode must be 13.4
or higher versions
Compatible with MacOS Monterey 12.0
or higher versions
Both username and password authenticated: screenshot 1.0.0
screenshot 1.0.1
Username is authenticated while password is not: screenshot 1.0.2
screenshot 1.0.3
Password is authenticated while username is not: screenshot 1.0.4
screenshot 1.0.5
Krystal Zhang
https://github.com/KrystalZhang612
This file was generated by SimpleLoginScreen-readme, on June 17, 2022