1. 程式人生 > >iOS開發簡記(1):指定APP的圖示與啟動圖

iOS開發簡記(1):指定APP的圖示與啟動圖

各位兄弟姐妹們,早上好,本人花了將近一個月的時間打造了一個完整的IOS版的App,

期間包括開發,測試,上線稽核,現在花點時間把實現的過程分享給大家,“知音”app功能簡單,適合物件為初學者,後面我會把iOS客戶端原始碼、API介面原始碼“呈獻”給大家,謝謝大家的支援,

歡迎園友一起交流一起學習,廢話少說,裝逼正式開始:

每個APP都應該有自己的圖示跟啟動圖。

這裡介紹怎麼設定APP的圖示跟啟動圖。

(1)圖示

小程的xcode是10.0版本,設定圖示的入口如下:

點選入口後,進到設定頁面,如下:

可以看到有很多空位,在等著拉入圖示,因為iphone與ipad,不同的系統,不同的機型尺寸,使用了一系列不同尺寸的圖示。

如果最終要提交到appstore,而且這個APP主要是在iphone或ipod上執行的,那應該有下面截圖中的圖示:

小程這裡只以58*58的圖示來演示。

先準備好圖示,然後,拉到圖示設定頁面:

每個位置的尺寸,可以計算出來,比如3x的60pt,那就是3*60=180。

再次執行程式,就可以看到圖示了,效果如下:

(2)啟動圖

啟動程式,到看到程式主頁面的空檔,顯示的是啟動圖(也可以是動畫效果)。

啟動圖的設定,蘋果提供了兩種方式,一種是設定Launch Images Source,這是一種舊的設定方式,跟圖示的設定相似,另一種是使用Launch Screen File的方式,這是一種新的方式,在xcode8.0後出現。

注意,為了避免啟動圖各種奇怪的問題(比如設定了但不生效,甚至要重啟手機才能生效,等等),不要同時使用兩種設定方式,並且,建議只使用新的設定方式,也就是蘋果推薦的Launch Screen File的方式。

小程這裡只使用LaunchScreen.storyboard來設定啟動圖。

啟動圖的設定入口是這樣的:

按上圖來操作,把imageview拉到view中,然後準備好啟動圖,比如準備好一張640*960的圖片,並把這種圖片加入到專案中,然後在imageview屬性中選擇這種圖片即可,詳細操作參考下圖:

注意,啟動圖不一定要以Default.png來命名。應該保證,更換的啟動圖使用新的名字,不要使用同名覆蓋舊啟動圖的方式,那樣會更新不了;應該使用新的名字,再給imageview重新選擇image。

感謝各位的關注,後面我會把IOS客戶端原始碼、API原始碼呈獻給大家,完整的示例大家可以暫時到AppStore下載安裝“知音”。