iT邦幫忙

2021 iThome 鐵人賽

DAY 6
0
Mobile Development

社群聊天 APP 開發經驗分享(入門篇)系列 第 6

Swift 新手-App Launch Screen 設計&程式碼互動

  • 分享至 

  • xImage
  •  

設計 Launch Screen 會需要用到兩個檔案,分別是:

  • Main.storyboard(用途:設計使用者介面)
  • ViewController.swift(用途:撰寫程式碼)

由於程式碼與使用者介面是分開的,需要連動兩個檔案才能讓 idea 順利在模擬器上展示

Main.storyboard
Xcode 12 版本的元件庫(Object library )
透過點擊下圖視窗右上方+按鈕,即可顯示浮動視窗,選擇想要設計的介面元素
https://ithelp.ithome.com.tw/upload/images/20210921/20140306KME5kyF76l.png

ViewController.swift
從元件庫中選擇 Button 元件,為按鈕加上程式碼
點選按鈕的時候,同步按鍵盤+空白鍵,即可顯示浮動視窗,選擇想要的互動效果,拖曳至按鈕位置即可
https://ithelp.ithome.com.tw/upload/images/20210921/20140306gxlyX7dIvt.png

測試 App
熟悉這兩個檔案的介面功能,反覆修正、測試,即能達到心目中理想的視覺、互動效果!


上一篇
Swift 新手-App Launch Screen 設計觀念
下一篇
Swift 新手-語法基礎
系列文
社群聊天 APP 開發經驗分享(入門篇)30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言