close

咳咳～ 由於情勢所迫必須在一個禮拜的期限內生出ios app

因此先來一篇番外篇，如何在iOS APP中插入圖片 (想必此問題也會困擾剛開始開發iOS APP的初心者～

好！ 我們廢話不多說～ 讓我們直接開始iOS APP插入圖片教學唄～

 

第一步

在桌面新增資料夾(iosApp) > 點選Xcode > 點選File > 點選New > 點選Workspace...

001.png

 

第二步

輸入自己的Workspace名稱 > 選擇桌面的iosApp資料夾 > 點選Save

002.png

 

第三步

點選Xcode後 > 點選File > 點選New > 點選Project 

003.png

 

第四步

點選Single View App > 點選Next

004.png

 

第五步

輸入專案名稱 > 點選Next

005.png

 

第六步

打勾 create Git repository on my Mac > 點選Next
注意此步驟可打勾可不勾，主要是看自己的需求

006.png

 

第七步

點選左側Assets.xcassets資料夾 > 然後將要新增的圖檔直接拖拉到AppIcon裡

007.png

 

第八步

點選紅框的圖檔(按住左鍵不放）> 移到第二格 > 再把1x圖片移到第三格

 

008.png

 

第九步

以上完成結果如下～ （快結束囉～ 再加油一下下～

009.png

 

第十步

點選Main.storyboard > 點選View Controller Scene 會看到以下的畫面

010.png

 

第十一步

點選1. Library 紅框 > 點選Show Media Library 

011.png

 

第十二步

點選圖片按住左鍵不放 > 拖拉至畫面後放開左鍵

012.png

 

第十三步

新增圖片完成溜～ 如下圖所示～

013.png

 

以上為iOS APP插入圖片步驟～

小編祝大家開發順利溜～

 

 

補個彩蛋

iOS APP 圖示修改步驟如下

 

點選Assets.xcassets >即可看到AppIcon 為空（如下圖

014.png

 

將桌面圖檔拖拉至AppIcon區塊  (拉好拉滿的概念

015.png

 

將圖示拉好拉滿後會出現黃色驚嘆號圖示，別緊張～

這是因為圖案大小需要再做調整，如下圖紅色方框圈起部分，將圖檔像素大小改為40x40px即可

016.png

 

修改圖示大小後驚嘆號會自動消失 （如下圖

017.png

 

執行模擬器即可

018.png

arrow
arrow
    文章標籤
    swift swift code 專案如何插入圖片 learn swift code xcode insert image ios app 插入圖片 iOS APP如何插入圖片 app快速插入圖片教學 插入圖片步驟教學 iOS APP插入圖片詳細步驟教學 iOS APP 圖示修改 APP圖示修改 APP icon
    全站熱搜

    sky 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄