android studio建立第一個安卓程式載入html5頁面(一)
前言
軟體版本:android studio v1.0正式版,由於v0.x以來軟體變化一直比較大,很多問題搜尋的解決方案也都是v0.x版本時代的,故首先宣告一下版本。
動機:由於工作中需要對移動端軟體開發的幾種方式進行一下對比研究,故有了此文章的產生,估計後續還會有其他技術方案的文章釋出。
目標:為了適應跨平臺的要求,所以用html5編寫頁面,利用webview裝載html5頁面就成為了一個備選的技術路線。本篇文章就是利用android studio建立一個apk程式,裝載編寫好的html5頁面,以此達到快速生成跨平臺的程式。
正文
- 1.建立一個android工程
指定工程名稱和路徑
指定最小支援的sdk版本和建立的app執行裝置型別
選擇一個activity
finish
現在看到的工程結構
預覽看一下效果
到此,helloword已經編寫好了,只要把android需要的sdk和相關的驅動配置好,還是很好上手的。
- 2.載入一個遠端的頁面
此處以開啟一個百度頁面為例進行演示
開啟MainActivity.java頁面,修改oncreate函式
private WebView webview;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//setContentView(R.layout.activity_main);
//例項化WebView物件
webview = new WebView(this);
//設定WebView屬性,能夠執行Javascript指令碼
webview.getSettings().setJavaScriptEnabled(true);
try {
//設定開啟的頁面地址
webview.loadUrl("http://www.baidu.com");
}
catch(Exception ex)
{
ex.printStackTrace();
}
setContentView(webview);
}
預覽看一下效果
提示wabpage not available錯誤,那麼我們在AndroidManifest.xml檔案中新增許可權
<uses-permission android:name="android.permission.INTERNET"/>
現在預覽看一下效果,百度頁面可以正常打開了
- 3.開啟本地頁面
這一步演示如何開啟本地的html頁面,該示例同樣已百度為例,只不過改為先另存一份百度的html頁面,然後載入本地的html頁面,此處百度頁面另存為index.htm
新建assets目錄,用來存放html頁面。右鍵app->new->folder->assetsfolder
html頁面放入assets目錄
開啟頁面的地址改為本地頁面地址
webview.loadUrl("file:///android_asset/index.html");
看一下預覽的效果
"
- 4.釋出apk
- 按照圖示的步驟一步步進行操作就可以了
app-release.apk就是生成的安裝包了。
下班了,今天就寫到這裡了,到目前為止,基本的功能已經完成了,但是很多細節部分的內容還有待調整,明天待續下一篇。