iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 14
0
自我挑戰組

IOS從零成長30天日記系列 第 14

IOS-XcodeAPP時程一-界面

  • 分享至 

  • xImage
  •  

Day14

今天就來按照時程表來設計App的應用界面啦~!
那會有三個頁面~
首頁~第二頁第三頁~
有註冊所需的資料輸入欄(帳號、密碼、名字、生日、電子郵件、電話號碼、身份證號等)與確認按鈕功能、輸入欄、搜尋功能的按鈕。


首頁有註冊、搜尋的按鈕功能:
https://ithelp.ithome.com.tw/upload/images/20200927/20130175mivgEu7zXq.png
第二頁會有註冊所需的資料輸入欄(帳號、密碼、名字、生日、電子郵件、電話號碼、身份證號等)與確認按鈕功能:
https://ithelp.ithome.com.tw/upload/images/20200927/20130175vkNNVKDYeJ.png
第三頁會有輸入欄、搜尋功能的按鈕:
https://ithelp.ithome.com.tw/upload/images/20200927/20130175r4FMhsoKTX.png

全圖的所有界面:
https://ithelp.ithome.com.tw/upload/images/20200927/20130175uXEmnHhxog.png


所使用的UI元件共有:
(1)5個Button
https://ithelp.ithome.com.tw/upload/images/20200927/20130175v8daHKVIm0.png
(2)8個Text Field
https://ithelp.ithome.com.tw/upload/images/20200927/20130175SLRKUi7Vvk.png
(3)1個lmage View
https://ithelp.ithome.com.tw/upload/images/20200927/201301757scKcxDrDv.png
(4)2個頁面連結


上一篇
IOS-Xcode的自我考驗Day0
下一篇
IOS-XcodeAPP時程一-功能(1)資料庫
系列文
IOS從零成長30天日記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言