iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 6
0
自我挑戰組

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

IOS-Xcode編寫App(1)

  • 分享至 

  • xImage
  •  

Day6
當一個新手擁有了設備也認識了基本的界面功能、基礎UI元件後/images/emoticon/emoticon42.gif,打算來規劃一下想法,嘗試一下編寫App啦!
當然~一個基礎新手不可能一刻之間完成功能完善、界面好看的App/images/emoticon/emoticon01.gif,因此,非常需要嘗試一些App會用到的基礎功能與UI元件啦,比如:跳轉、按鈕(UI Button)、文字欄(Label)、文字输入框(TextField)等,會實作基礎實用的嘗試App啦!
那麼今天來規劃界面吧,那首先在Xcode的 Main.storyboard (檔案區的第6行;圖註1 )
https://ithelp.ithome.com.tw/upload/images/20200917/20130175kbsdCmW4Vf.png
,會看到一部空白的Apple模擬機界面,然後右上角 + 按鈕,會顯示一個UI元件的小界面(圖2)
https://ithelp.ithome.com.tw/upload/images/20200917/20130175dg9MyazclG.png
,先搜尋 View Controller
https://ithelp.ithome.com.tw/upload/images/20200917/20130175GRWQ8DYkry.png 用來做第二頁面才能嘗試跳轉頁面,然後選擇需要Button、Label、TextField拖拉到空白的界面上(圖3)
https://ithelp.ithome.com.tw/upload/images/20200917/20130175oMfLj63ugw.png
,就完成了今天的界面設計啦~!!/images/emoticon/emoticon37.gif


上一篇
IOS-Xcode認識界面功能與基礎UI元件
下一篇
IOS的Xcode檔案-跳轉
系列文
IOS從零成長30天日記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言