ASP.NET 2.0網頁設計範例教本

Download Report

Transcript ASP.NET 2.0網頁設計範例教本

第3章 Android模擬器與實機的使用
 3-1 Android模擬器的基本使用
 3-2 新增和管理Android模擬器
 3-3 在實機安裝和執行Android應用程式
 3-4 加速Android模擬器-Intel HAXM驅動程式
 3-5 更快的Android模擬器-Genymotion
3-1 Android模擬器的基本使用
 3-1-1 啟動Android模擬器
 3-1-2 解鎖螢幕與操作按鍵說明
 3-1-3 切換成繁體中文介面
 3-1-4 開啟開發人員選項
 3-1-5 在模擬器執行Android應用程式和新增捷徑
 3-1-6 解除安裝的Android應用程式
3-1 Android模擬器的基本使用
 Android模擬器(Android Virtual Devices)是一個
非常有用的工具,可以在Windows作業系統模擬
一台執行Android作業系統的行動裝置,幫助我們
測試Android Studio開發的Android應用程式,而不
用購買一台實機的智慧型手機或平板電腦。
 不過,因為Android模擬器的功能沒有實機完整,
並不支援感測器和一些硬體支援,所以,本書後
的部分範例仍然需要在實機上來測試執行。
3-1-1 啟動Android模擬器 – Step1-2
Step 1:請啟動Android Studio開啟或新增名為Ch3_1的專案。
Step 2:執行「Tools/Android/AVD Manager」指令,啟動AVD
Manager,可以看到「AVD Manager」視窗顯示的模擬器清
單(關於如何新增模擬器的說明,請參閱第3-2-1節)。
3-1-1 啟動Android模擬器 – Step3-4
Step 3:請在此列最後的【Actions】欄,點選游標的箭頭圖
示來啟動模擬器,可以看到在正在啟動模擬器。
Step 4:稍等一下,花費時間需視電腦配備而定,可以看到
啟動Android模擬器,在解鎖後,按【OK】鈕,可以看到
首頁畫面,如下圖所示:
3-1-2 解鎖螢幕與操作按鍵說明 –
解鎖螢幕
 在Android模擬器解鎖螢幕,請使用滑鼠游標按住
下方上鎖的鎖圖示,如下圖所示:
3-1-2 解鎖螢幕與操作按鍵說明 –
操作按鍵說明
模擬器按鍵
鍵盤按鍵
首頁
Home
選單
F2或Page Up
返回
Esc
搜尋
F5
打電話
F3
掛斷電話
F4
電源
F7
音量調大
Ctrl-F5
音量調小
Ctrl-F6
旋轉螢幕
Ctrl-F11
切換啟用電信網路
F8
切換全螢幕
Alt-Enter
3-1-3 切換成繁體中文介面
 Android模擬器的使用介面預設是英文,我們可以切換成中
文使用介面,請在首頁畫面向左滑動至第2頁,可以看到
【Settings】程式,請點選開啟Android設定程式,如下圖
所示:
3-1-4 開啟開發人員選項
 在系統設定的【開發人員
選項】選項是一些開發人
員的進階選項,可以指定
充電不會進入休眠狀態,
和啟用USB偵錯等,如右圖
所示:
3-1-5 在模擬器執行Android應用程式和新增捷
徑 - 執行Android應用程式
 在Android Studio執行第2-2和2-3
節的Android Studio專案後,我們
建立的應用程式就會安裝至
Android模擬器,因為已經安裝
至模擬器,所以可以直接在模擬
器執行Android應用程式,如右
圖所示:
3-1-5 在模擬器執行Android應用程式和新增捷
徑 - 新增捷徑
 如果在圖示上點選久一點,就會拖拉程式至首頁畫面來新
增成為捷徑,請將【Ch2_3】新增成為首頁畫面的捷徑,
如下圖所示:
3-1-6 解除安裝的Android應用程式
 在Android模擬器已經安裝第2-2節和2-3節建立的Android應
用程式,我們可以解除安裝這些安裝的Android應用程式。
請啟動【設定】程式,選【應用程式】,在已下載的應用
程式清單中,選欲解除安裝的【Ch2_3】程式,如下圖所
示:
3-2 新增和管理Android模擬器
 3-2-1 新增Android模擬器
 3-2-2 管理Android模擬器
3-2-1 新增Android模擬器 – 說明
 我們可以在Android Studio啟動「AVD Manager」
視窗來新增和管理Android模擬器。
 在「AVD Manager」視窗可以新增和管理多個
Android模擬器,我們可以建立多個不同配備和螢
幕尺寸的Android模擬器來測試在不同行動裝置上
的執行結果,例如:新增名為GPhone的模擬器。
3-2-1 新增Android模擬器 – 步驟(Step1)
Step 1:請啟動Android Studio開啟或新增名為Ch3_1
的專案,執行「Tools/Android/AVD Manager」指令
,可以看到「AVD Manager」視窗。
3-2-1 新增Android模擬器 – 步驟(Step2)
Step 2:按右下方【Create Virtual Device】鈕新增
Android模擬器,可以看到精靈步驟。
3-2-1 新增Android模擬器 – 步驟(Step3)
Step 3:在左邊選【Phone】,可以在中間看到裝置
清單,請選【Nexus 4】,按【Next】鈕選擇使用
的Android版本和System Image。
3-2-1 新增Android模擬器 – 步驟(Step4)
Step 4:以此例是選Lollipop的Android 5.01版,【ABI
】欄是x86_64的Intel Atom,按【Next】鈕輸入
AVD名稱和相關設定。
3-2-1 新增Android模擬器 – 步驟(Step5)
Step 5:在【AVD Name】欄輸入名稱【GPhone】,
按【Finish】鈕建立模擬器,可以看到我們建立的
GPhone模擬器。
3-2-2 管理Android模擬器
 在「AVD Manager」視窗除了新增Android模擬器
外,我們也可以管理Android模擬器,在清單項目
最後的【Actions】欄可以看到相關圖示,如下圖
所示:
3-3 在實機安裝和執行Android應用程式 –
說明
 讀者如果擁有實機的行動裝置,例如:Android作
業系統的智慧型手機或平板電腦,當使用USB連接
線連接Windows開發電腦且安裝驅動程式後,
Android Studio可以自動偵測到實機,讓我們直接
在實機上安裝和執行Android應用程式。
3-3 在實機安裝和執行Android應用程式 –
步驟(Step1-2)
Step 1:請啟動Android Studio開啟第2-3節的Android
Studio專案Ch2_3。
Step 2:在Android實機的行動裝置執行【設定】程
式,選【開發人員選項】,勾選【USB偵錯】(英
文是【USB Debugging】)啟動行動裝置的偵錯模
式,如下圖所示:
3-3 在實機安裝和執行Android應用程式 –
步驟(Step3-4)
Step 3:請使用USB連接線連接行動裝置和Windows電腦,如
果需要,Windows作業系統會自動偵測和安裝驅動程式。
Step 4:請在Android Studio執行「Run/Run 'app'」指令或按
Shift-F10鍵,稍等一下,可以看到「Choose Device」對話
方塊。
3-3 在實機安裝和執行Android應用程式 –
步驟(Step5)
Step 5:以此例可以看到2台執行中的裝置,上方是
GPhone模擬器;下方是4.2.2版實機,請選第二台
Android裝置,按【OK】鈕,就可以在實機上安裝
和執行Android應用程式。
3-4 加速Android模擬器-Intel HAXM驅動程式
 3-4-1 認識Intel HAXM驅動程式
 3-4-2 安裝Intel HAXM驅動程式
3-4-1 認識Intel HAXM驅動程式 – 說明
 對於Android開發者來說,大部分開發者都不會滿
意Android模擬器的執行效能,認為其速度實在太
慢,而且使用愈新版本或更高的解析度,速度愈
慢。現在,如果是內建Intel虛擬化技術CPU的
Windows電腦,我們就可以安裝Intel HAXM驅動程
式來加速Android模擬器的執行。
 Android模擬器是基於QEMU開發,一台虛擬機器
環境來模擬整台電腦系統,Intel HAXM驅動程式支
援在Android模擬器和其宿主電腦上執行,可以讓
Android模擬器直接使用宿主電腦的資源,以幾乎
全速方式來執行Android模擬器。
3-4-1 認識Intel HAXM驅動程式 – 圖例
 Intel HAXM是Intel硬體加速執行管理器,使用Intel
虛擬化技術來加速Android模擬器的執行,其基本
架構如下圖所示:
3-4-2 安裝Intel HAXM驅動程式 – 說明
 Windows電腦的Intel處理器需要支援Intel VT-x和延
伸記憶體64技術(EM64T),而且需要在BIOS啟
用病毒防護技術(Execute Disable Bit)功能,就
可以安裝Intel HAXM驅動程式來加速Android模擬
器的執行。
 因為第1章安裝Android Studio開發工具時,安裝程
式就會自動判斷是否支援,如果支援就會幫我們
安裝Intel HAXM驅動程式,和新增支援的Android
模擬器。
3-4-2 安裝Intel HAXM驅動程式 – 步驟
 Step 1:在Android SDK Manager視窗下載指定Android版本
的x86 Atom System Image 。
 Step 2:在Android SDK Manager視窗的最後,展開【Extras
】,勾選下載Intel HAXM驅動程式。
 Step 3:下載的Intel HAXM驅動程式是位在「C:\使用者\<登
入使用者>\App
Data\Local\Android\sdk\extra\intel\Hardware_Accelerated_E
xecution_Manager」目錄,請執行silent_install.bat安裝Intel
HAXM驅動程式。
 Step 4:在AVD Manager新增使用Intel Atom(x86)的
Android模擬器,如果可以,勾選【Use Host GPU】。
 Step 5:在Android Studio啟動Android模擬器,可以在下方
【Run】標籤看到使用fast virt mode執行,這就是使用Intel
HAXM來執行。
3-5 更快的Android模擬器-Genymotion
 3-5-1 下載和安裝Genymotion
 3-5-2 使用Genymotion
3-5 更快的Android模擬器 - Genymotion
 Genymotion並不是官方Android模擬器,而是第三
方廠商GenyMobile自行開發的Android模擬器,這
是一套著名的Android模擬器,可以說是目前巿面
上最快和最容易使用的Android模擬器之一。
 Genymotion可以在官方網站免費下載,不過,在
下載安裝前,我們需要先註冊Genymotion帳號。
Genymotion的軟硬體需求,如下所示:
• 支援VT-x或AMD-V的CPU。
• OpenGL 2.0。
• 400MB硬碟空間和2GB記憶體。
3-5-1 下載和安裝Genymotion –
登入Genymotion帳號
 Genymotion官方網址是:
http://www.genymotion.com
/,請啟動瀏覽器進入此網
址,點選右上方【Sign in】
登入,可以看到登入表單,
如右圖所示:
 如果已經有帳號,在輸入使
用者名稱或電子郵件地址,
和密碼後,按【Sign In】鈕
登入。
3-5-1 下載和安裝Genymotion –
註冊Genymotion帳號
 尚未註冊,請按
【Create account
】鈕,可以看到
註冊表單,如右
圖所示:
3-5-1 下載和安裝Genymotion –
下載Genymoiton安裝程式檔案
 在登入Genymotion官網後,就可以免費下載最新
版本的Genymotion,如下圖所示:
3-5-1 下載和安裝Genymotion –
安裝Genymotion1
Step 1:請按二下【genymotion-2.3.1-vbox.exe】下載檔案,
如果看到安全性警告,請按【執行】鈕,可以看到歡迎安
裝Genymotion的精靈畫面。
Step 2:按【Next】鈕選擇Genymotion安裝路徑。
Step 3:預設安裝路徑是「C:\Program
Files\GenyMobile\Genymotion」,不用更改,按【Next】
鈕輸入開始功能表的目錄名稱。
Step 4:預設名稱是【Genymotion】,不用更改,按【Next
】鈕選擇是否建立桌面捷徑。
Step 5:預設建立,不用更改,按【Next】鈕,就可以看到
安裝資訊。
Step 6:請按【Install】鈕開始安裝Genymotion,可以看到目
前的安裝進度。
3-5-1 下載和安裝Genymotion –
安裝Genymotion2
Step 7:請稍等一下,完成後接著需要安裝VirtualBox(如果
已經安裝,就會看到一個警告訊息,建議按【是】鈕取代
現有版本),可以看到歡迎安裝VirtualBox的精靈畫面。
Step 8:請按【Next】鈕選擇安裝元件。
Step 9:不用更改,請按【Next】鈕選擇建立桌面捷徑,和
快速啟動列捷徑。
Step 10:不用更改,按【Next】鈕可以看到一個警告訊息,
指出在安裝過程的網路介面可能會暫時斷線。
Step 11:按【是】鈕,再按【Install】鈕開始安裝VirtualBox
,可以看到目前的安裝進度。
Step 12:稱等一下,等到安裝完成,請按【Finish】鈕完成
VirtualBox的安裝。
Step 13:我們已經完成Genymotion安裝,請按【Finish】鈕
重新啟動電腦,即可完成整個安裝程序。
3-5-2 使用Genymotion – 步驟(Step1)
 在Windows電腦成功安裝Genymotion後,我們就
可以啟動Genymotion來新增Android模擬器,其步
驟如下所示:
Step 1:請按二下桌面【Genymotion】捷徑,或「開始
/Genymotion」指令,可以看到Genymotion執行視窗。
3-5-2 使用Genymotion – 步驟(Step2)
Step 2:按上方【Add】鈕,可以看到新增模擬器的
精靈畫面。
3-5-2 使用Genymotion – 步驟(Step3)
Step 3:請按右下方【Sign in】鈕登入Genymotion,
以便取得可用的模擬器清單,可以看到「
Authentication」對話方塊。
3-5-2 使用Genymotion – 步驟(Step4)
Step 4:輸入使用者名稱和密碼後,按【Sign in】鈕
登入,成功登入,可以看到可用的模擬器清單,
包含巿面常見機型,如下圖所示:
3-5-2 使用Genymotion – 步驟(Step5)
Step 5:請選【Custom Phone - 5.0.0 - API 21 768x1280】,按【Next】鈕輸入模擬器名稱。
3-5-2 使用Genymotion – 步驟(Step6-7)
Step 6:在上方欄位輸入名稱後,以此例筆者沒有更改,按
【Next】鈕開始下載和建立模擬器。
Step 7:請稍等一下,等到下載和建立成功後,按【Finish】
鈕,可以在清單看到新增的模擬器,同樣方式,我們可以
新增多台不同規格的模擬器,如下圖所示:
3-5-2 使用Genymotion – 步驟(Step8)
Step 8:請選模擬器,按上方【Start】鈕啟動模擬器
,可以看到正在啟動中,如下圖所示:
3-5-2 使用Genymotion – 步驟(Step9)
 Step 9:請稍等一下,就可
以看到成功啟動Android 5.0
版的模擬器,如右圖所示:
3-5-2 使用Genymotion – Android Studio
 請啟動Android Studio開啟Ch3_1專案後,執行「
Run/Run 'app'」指令或按Shift-F10鍵執行專案,稍
等一下,可以看到「Choose Device」對話方塊。