BMI App.

Slides:



Advertisements
Similar presentations
Introduction to C Programming
Advertisements

尔雅慕课学生操作手册说明.
尔雅慕课学生操作手册说明.
请带上耳机.
TQC+ JAVA全國教師研習會 PLWeb 程式設計練習平台 簡介.
尔雅慕课学生操作手册说明 尔雅客服中心.
《IOS应用开发教程》 QQ学习群:
題目:十六對一多工器 姓名:李國豪 學號:B
第 1 章 使用 APP INVENTOR 2 開發 ANDROID APP
程式設計概論 1.1 程式設計概論 程式語言的演進 物件導向程式 程式開發流程 1.2 C++開發工具
MIT App Inventor簡介及 「Hello World」程式初體驗 靜宜大學資管系 楊子青
Q101 在701 SDX Linux上的標準安裝與使用程序v2
JDK 安裝教學 (for Win7) Soochow University
MPLAB IDE 8 建立專案.
尔雅慕课学生操作手册说明 尔雅客服中心.
尔雅慕课学生操作手册说明.
Android基本程式設計 建國科技大學 資管系 饒瑞佶.
轻新课堂老师使用手册 多画面课堂实时录播系统.
SQL Stored Procedure SQL 預存程序.
R教學 安裝RStudio 羅琪老師.
教務行政資訊系統 簡介 資訊科技中心 資訊系統組 徐振琦
認識科學小知識-密室逃脫遊戲(App) 南華大學 傳播學系3年級
安裝JDK 安裝Eclipse Eclipse 中文化
Windoop操作步驟 於作業系統Windows 10 專業版.
Segue.
2017 Operating Systems 作業系統實習 助教:陳主恩、林欣穎 實驗室:720A.
Android App簡介及 App Inventor 2體驗 靜宜大學資管系 楊子青
行動裝置如何使用東海大學SSLVPN 2016/08/25
2019/1/13 行動裝置如何使用東海大學SSLVPN.
EBSCOhost App應用程式 安裝方式.
電腦攻擊與防禦 使用電腦教室VMware軟體說明.
尔雅慕课学生操作手册说明 尔雅客服中心.
Java程式設計 Eclipse.
VS.NET 2003 IDE.
App Inventor 2初體驗 靜宜大學資管系 楊子青
Ch20. 計算器 (Mac 版本).
複製硬碟映像檔 & 在 VirtualBox 加入硬碟檔
Introduction to C Programming
XILINX FPGA Download Programming
CH1 我的第一個App與變數宣告.
安裝 / 操作 flashget SOP (以Win 7 作業系統為範例)
GUI Title and GUI Status
雙按button1,2,3,4 Method 方法/動作 textBox2.Text textBox1 textBox3.Text 轉為數字 c是數字 int c = int.Parse(textBox1.Text) + …; textBox3.Text = c.ToString();
個人網路空間 資訊教育.
VS.NET 2003 IDE.
GridView.
如何使用Gene Ontology 網址:
CVPlayer下載及安裝& IVS操作說明
育達商業大學 苗進修部 休閒事業管理系 一年A班 學號: 姓名:陳 友.
Flash 8:開口中 從Y:\ 複製『開口中.fla』到 D:\ 更改名稱為:s3x99 (你的班號) 雙按開啟檔案 2019年5月7日
MicroSim pspice.
流程控制:Switch-Case 94學年度第一學期‧資訊教育 東海大學物理系.
取得與安裝TIDE 從TIBBO網站取得TIDE
Text To Speech (TTS, 文字轉 語音)、讀簡訊 靜宜大學資管系 楊子青
函數應用(二)與自定函數.
亂數 隨機產生亂數 Random類別支援的方法: Next多載方法 Next :傳回亂數。
Chapter 15 檔案存取 LabVIEW中的檔案存取函數也可將程式中的資料儲存成Excel或Word檔。只要將欲存取的檔案路徑位址透過LabVIEW中的路徑元件告訴檔案存取函數後,LabVIEW便可將資料存成Excel或Word檔;當然也可以將Excel或Word檔的資料讀入LabVIEW的程式中。
尔雅慕课学生操作手册说明 尔雅客服中心.
2018 Operating Systems 作業系統實習 助教:林欣穎 實驗室:720A.
實驗十:影片播放.
班級:博碩子一甲 授課老師:鐘國家 助教:陳國政
A Simple iOS Application
波的振幅與週期量測 通訊一甲 B 楊穎穆.
Activity的生命週期: 播放音樂與影片 靜宜大學資管系 楊子青
多站台網路預約系統之 AJAX即時資料更新機制
What is “this”? 在物件導向程式設計中,類別的定義就是在說明如果創建了“這個物件”的話,它會具有那些屬性與功能,以及這些功能是如何實現的。 而所謂的“這個物件”就以 this 來表示。 當我們在JavaScript與jQuery中寫 script 程式(函式)時,“誰”呼叫這個函式,這個“誰”就是該函式中所謂的.
Programming & Language Telling the computer what to do
多國語系 建國科技大學 資管系 饒瑞佶.
NFC (近場通訊, Near Field Communication) 靜宜大學資管系 楊子青
InputStreamReader Console Scanner
Presentation transcript:

BMI App

實驗二: BMI App 實驗主題: 實驗目的: 環境需求: 建立一個計算身高體重的BMI值的Single View App 藉由實驗程式了解Storyboard可視化介面的使用以及 程式如何撰寫可以跟UI物件互動 切換鍵盤模式,使用IOS內建的數字輸入鍵盤 環境需求: Xcode 本實驗會提交一個可以輸入身高及體重的APP,輸入時身高體重數值時會切換IOS內建的數字鍵盤,輸入完身高體重後利用IBAction來觸發函式,函式中會去抓取身高及體重的數值,並計算BMI值 1

BMI App 範例 輸入身高體重,計算BMI並提醒過重或過輕 本實驗會提交一個可以輸入身高及體重的APP,輸入時身高體重數值時會切換IOS內建的數字鍵盤,輸入完身高體重後利用IBAction來觸發函式,函式中會去抓取身高及體重的數值,計算BMI值後,提醒使用者是否過重或是過輕 2

使用Xcode開發IOS App store 中搜尋Xcode並安裝執行Xcode 開發IOS 手機程式需要使用Xcode,若沒有Xcode可以在Mac 作業系統中的App store上輸入Xcode 免費下載安裝 3

創建專案 選擇Create a new Xcode project 開啟Xcode,並選擇第二個選項: 創建新專案 4

創建專案 選擇Single View Application 選擇創建單頁的App模板,Single View Application 5

創建專案 專案命名為BMI 將此專案命名為BMI。 6

介面拉取 在Main.storyboard可視化介面中,拖拉右側Label至畫面中 拖拉右側Label至Main.storyboard中 7

介面拉取 接著拖拉Text Field 至畫面中 拖拉右側TextField至Main.storyboard中 8

介面拉取 五個Label,兩個Text Field,一個Button的介面 最後拉好介面,共有五個Label,分別為身高、體重、BMI、BMI的值、以及顯示是否符合標準結果的Label,以及兩個文字輸入欄位Text Field用來輸入身高及體重的值,最後還有一個按鈕來觸發計算BMI的動作 9

撰寫程式 對身高及體重的Text Field,按右鍵拖拉到ViewController.h 中 或是按住Ctrl及左鍵拖拉到ViewController.h 中 開啟右上角的雙視窗,左邊為Main.Storyboard,右邊為ViewController.h,為了能在之後取到使用者所輸入的身高及體重數值,要將身高及體重文字輸入欄位連接到ViewController.h 中 10

撰寫程式 拖拉後產生的變數,分別取名為Height、Weight,BMI、Result 拖拉後,會自動根據被拖拉的對象,產生相對應型態的變數,例如在拖拉的是TextField ,就會自動產生IBOutlet UITextField 變數,總共拖拉兩個Text Field 及兩個 Label。 11

撰寫程式 接著拖拉”開始計算”Button到ViewController.m當中並取名為Excute 為了能讓按鈕按下以後的事件去執行相對應的函式,可以直接拖拉按鈕到ViewController.m當中並命名為Excute,產生一個IBAction類別的Excute函式,用來計算BMI值 12

撰寫程式 簡單的撰寫程式碼將取得的身高體重並計算 撰寫此函式計算BMI值,先抓取身高及體重的字串,利用關鍵字self,就可以簡單提取剛剛拖拉所產生的變數,Height、Weight、BMI、Result,在Height、Weight變數後使用Object-C呼叫函式的方式,隔一個空格打上內建函式Text,就會取得此Text Field裡面的字串,再呼叫floatValue函式,將字串轉為浮點數字。 這裡取得BMI數值為體重除以身高的平方,並且判斷是否低於18.5或是高於24,分別代表過輕或是過重,若在兩者之間則是BMI值剛剛好符合標準。 13

撰寫程式 記得將Text Field輸入改為Decimal pad數字鍵盤 將Keyboard型態改為Decimal pad 數字輸入來輸入身高及體重 14

撰寫程式 左上角選擇好模擬器並點選三角形按鈕,執行程式 要執行程式,只要在左上角選擇是要在設備或是模擬器上執行即可,接著點選三角形按鈕執行程式。 15

BMI App DEMO 輸入身高體重,計算BMI並提醒過重或過輕 範例檔案: BMI 這樣就完成了,執行時就會跑出我們的BMI APP,只要輸入身高及體重就會幫使用者測量BMI值及判斷使用者當前BMI是否符合標準了! 16