羅見順網站
返回
(current)
生命靈數專案
步驟1.Unity3D安裝
使用Google搜尋關鍵字"Unity download archive"
Unity download archive
選擇Unity 2017.4.11下載安裝
步驟2 輸出第一個執行檔
學習目標:
New Project
設定畫面背景顏色
顯示作者名稱
輸出執行檔
步驟3 匯入數字鍵圖片
學習目標:
下載數字鍵圖片素材
解壓縮後將數字鍵圖片複製貼上至專案中
連選圖片轉換成Sprits
步驟4 新增生日與底線文字控制項
學習目標:
Duplicate作者文字控制項,調整位置
依序Duplicate一串生日文字控制項,年月日共7個控制項
新增底線控制項
步驟5 新增數字鍵按鈕與加入滑入按下轉換圖片
學習目標:
新增UI/Button控制項
將圖片拉入Image/Source Image
將Button/Transition由Color Tint改為Sprite Swap
將Button/Transition/Highlighted Sprite拉入滑入切換圖
將Button/Transition/Pressed Sprite拉入按下切換圖
輸出執行檔
步驟6 生命靈數計算數字串介面
學習目標:
將生命靈數一串計算顯示文字控制項建立好
建立EditText.cs程式腳本
引入8個生日數字與底線共9個UI/Text進入程式腳本中
引入生命靈數顯示用13個UI/Text進入程式腳本
FOR迴圈使用
for (i = 0; i < 8; i++)
參考程式
步驟7 生命靈數計算副程式
學習目標:
新增副程式CalV()來執行生命靈數計算
字串轉整數
int.Parse(txtV[i].text);
引入生命靈數顯示用13個UI/Text進入程式腳本
取得10位數的方法
j = Mathf.FloorToInt(iR1 / 10);
取得個位數的方法
k = iR1 % 10;
參考程式
步驟8 使用數字鍵盤編輯生日
學習目標:
新增一個整數來記錄底線位置: int iPos=1;
針對鍵盤數字鍵建立副程式
每寫入一個數字,iPos++
倒退鍵只做底線倒退
參考程式
步驟9 顯示生命靈數職場分析
學習目標:
使用UI/Image來顯示9種生命靈數分析圖片
下載生命靈數職場分析圖片
取得Image元件:imgResult = goImgResult.GetComponent
();
切換圖片:imgResult.sprite = spResults[k - 1];
參考程式
步驟10 Android App 輸出相關套件安裝
安裝順序:
下載JDK安裝
下載Android Studio安裝
下載Unity Android Support安裝
步驟11 Unity 3D指定Android SDK與JDK路徑
學習:
Edit/Preferences
指定Android SDK路徑
指定JDK路徑
步驟12 輸出App的參數設定
學習:
Switch Platform to Android
Player Settings
步驟13 Android 手機的開發人員選項開啟
學習:
設定/關於/軟體資訊/版本號碼 連按7次開啟開發人員選項
開發人員選項/USB偵測 勾選
步驟14 輸出至手機測試
學習:
電腦使用USB連接手機
Build And Run
步驟15 螢幕解析彈性調整
Canvas調整:
Canvas Scaler:
UI Scale Mode: Scale With Screen Size
Reference Resolution: 600 x 800
Screen Match Mode:Match Width Or Height
Match: Width
輸出APP只保留直向顯示:
File/Build Settings/Player Settings:
Resolution and Presentation:
只保留勾選:Portrait 與 Portrait Upside Down
取消勾選: Landscape Right與Landscape Left
輸出成果
專案成果下載
UI畫面設計
生命靈數職場分析FLA
下載數字鍵圖片素材
手機螢幕解析度目標:1920x1080, 960x540, 480x270
設計後UI FLA下載
生命靈數UI輸出Images
UI練習Unity專案
月與日的按鈕觸發控制
Vitality1119專案下載