建立与启动android模拟器长庚大学电机系.ppt

範例一 – Step1 Step1 : 在「Package Explorer」展開「res\layout」資料夾,按二下main.xml開啟使用介面定義的XML檔,進入圖形配置(Graphical Layout)檢視 Introduction * ??? ??? 範例一 – Step2 Step2 : 請按左上角的第2個Zoom to Fit鈕放大成最適視窗的尺寸,並在左邊「Palette」調色盤視窗,拖拉Button元件至TextView元件之下,就可以新增圖形使用介面 Introduction * ??? ??? ??? 範例一 – Step3 Step3 : 選上方的TextView元件,右鍵點選Show In ? Properties,或者執行「Window/Show View/Properties」指令來顯示,可以看到屬性清單 Introduction * 範例一 – Step4 Step4 : 請捲動視窗找到Id屬性,在Id屬性欄位輸入屬性值@+id/txtOutput,表示元件名稱為txtOutput Introduction * ??? 範例一 – Step5 Step5 : 在上方選Button元件,然後在下方Properties屬性標籤更改屬性值 1. On click ? button1_Click 2.Text ? 請按我 Introduction * 範例一 – Step6 Step6 : 請展開「res/values」資料夾,按二下strings.xml開啟字串資源的XML檔,進入資源編輯器(Resources) Introduction * ??? ??? 範例一 – Step7 Step7 : 在左邊選hello,然後在右邊的Value欄輸入新值第一個Android應用程式,同樣方式,請將app_name的值改為範例一 Introduction * ??? ??? ??? 範例一 – Step8 Step8 : 請展開「src」資料夾,按兩下TestActivity.java開啟Java類別程式碼編輯器,讓我們輸入事件處理方法的程式碼 Introduction * ??? ??? 範例一 – Step8(續) 首先在TestActivity.java類別之中輸入事件處理的button1_Click()方法 public void button1_Click(View view){ } 註 : 在輸入方法參數View view時,可以看到View之下紅色的鋸齒線,表示有錯誤,此時請將游標移至錯誤上,可以看到浮動視窗顯示的解決方法,因為沒有匯入此類別,請選第1個選項Import View,讓Eclipse IDE自動匯入此類別 Introduction * 範例一 – Step9 Introduction * ??? ??? 範例一 – Step9(續) Step9 : 在程式碼編輯器輸入處理此事件的程式碼 public void button1_Click(View view){ TextView output = (TextView) findViewById(R.id.txtOutput); Output.setText(“第二個Android應用程式”); } 執行「File/Save All」指令儲存專案中所有編輯過的更改內容 註 : 注意事項同上頁 其中使用findViewById()方法找出使用介面中的TextView元件 然後使用setText()方法指定顯示的文字內容 Introduction * 範例一 – Step10 執行「Run/Run」指令或按Ctrl+F11鍵 Introduction * ??? ??? 範例一 – Step11 按下「請按我」 Introduction * ??? ??? Exercise1 Introduction * ??? ??? Exercise1(續) Introduction * ??? ??? Exercise1(續) Introduction * ??? ??? Exercise1(續) Introduction * ??? ??? Exercise2 Introduction * Exercise2(續) 1. 打開 res/values/strings.xml ，修改 app_name 的值為「整存整付計算機」。 2. 在左方的 Palette 打開 Form Widgets 工具箱。加入 TextView，使用右鍵選單的 Edit Text 功能，打開 Resource Chooser 視窗。點選 New String 按鈕，打開 Create New Android String