上週大家學會了設定Android/iOS編譯環境以及寫出第一個Hello World之後,我們今天要來寫第一隻APP簡易計算機。 新增一個空白的APP專案後,我們在畫面上新增一個Edit元件,並且將Align的屬性設為Top(置頂)。  接著更改Edit的TextSettings內的HorzAlign為Trailing,讓文字是靠右對齊。  接著開始佈置計算機的按鈕,我們使用Button元件,更改Text屬性並且拉到適當位置。  都佈置好了之後,我們就可以開始撰寫程式了。程式大概有幾個部份~
- 數字按鈕處理(按下0~9及小數點)
- 運算元處理(按下+、-、*、/)
- 計算結果處理(按下=)
- 其他部份(按C歸零、按+/-、與%)
我們來一一處理它。 數字按鈕處理 我們先在程式裡宣告三個變數,分別是num1、num2 第一、二次輸入的數字,R運算結果,類型則為Extended。另外是一個iOperator的Integer,這是用來記錄運算元的(1表+、2表-、3表*、4表/)。 var
Form1: TForm1;
num1,num2,R:Extended;
ioperator:integer; 接著我們處理數字及小數點按下的事件,在按鈕0雙擊二下,輸入以下程式碼。如果顯示的是0或是不是按小數點的話,就直接顯示輸入的數字,如果不成立的話,就將螢幕上顯示的數字累加。 procedure TForm1.Button1Click(Sender: TObject);
begin
if (Edit1.Text = '0') And (TButton(Sender).Text<>'.') then
Edit1.Text := TButton(Sender).Text
else Edit1.Text := Edit1.Text + TButton(Sender).Text;
end; 寫完後,我們將其它1-9以及小數點的按鈕的OnClick事件都指令到Button1Click就可以了。因為在我們剛才寫的事件中,是透過TButton(Sender).Text去判斷按鈕值,而不同按鈕傳入的Sender不同就可以做各自判斷了!  運算元處理 接著處理加減乘除的部份,我們也在+的按鈕點二下,輸入以下的程式碼。在按下時先將目前螢幕上顯示的值記錄到num1,接著判斷按鈕是+-*/而給予iOperator不同的值,最後將螢幕上清為0。 procedure TForm1.Button5Click(Sender: TObject);
begin
num1 := StrToFloat(Edit1.Text);
if TButton(Sender).Text = '+' then
iOperator := 1
else if TButton(Sender).Text = '-' then
iOperator := 2
else if TButton(Sender).Text = 'X' then
iOperator := 3
else if TButton(Sender).Text = '/' then
iOperator := 4
else iOperator := 0;
Edit1.Text := '0';
end; 寫完後一樣如同上一個步驟,將-*/的按鈕指定到Button5Click即可。 計算結果處理 最後處理結果=的按鈕,在=按鈕雙擊二下後,輸入以下的程式碼。 procedure TForm1.Button7Click(Sender: TObject);
begin
if iOperator >0 then begin
num2 := StrToFloat(Edit1.Text);
case iOperator of
1: R := num1 + num2;
2: R := num1 - num2;
3: R := num1 * num2;
4: R := num1 / num2;
end;
Edit1.Text := FloatToStr(R);
end;
end; 其他部份
- 歸零 – 把螢幕清空為零
- 正負值 – 將數字乘以負1
- 百分比 – 將數字除以100
結果 最後執行後,我們可以看到程式的執行結果囉!完成了我們第一支同時支援Android、iOS、Wind32的計算機APP了。 原始碼下載 https://github.com/superlevin/XE6calculator |