手把手教你用android studio創建第一個安卓程序加載html5頁面(一)


前言

軟件版本:android studio v1.0正式版,由於v0.x以來軟件變化一直比較大,很多問題搜索的解決方案也都是v0.x版本時代的,故首先聲明一下版本。

動機:由於工作中需要對移動端軟件開發的幾種方式進行一下對比研究,故有了此文章的產生,估計后續還會有其他技術方案的文章發布。

目標:為了適應跨平台的要求,所以用html5編寫頁面,利用webview裝載html5頁面就成為了一個備選的技術路線。本篇文章就是利用android studio創建一個apk程序,裝載編寫好的html5頁面,以此達到快速生成跨平台的程序。

正文

  • 1.創建一個android工程

指定工程名稱和路徑

1

指定最小支持的sdk版本和創建的app運行設備類型

2

選擇一個activity

3

finish

4

現在看到的工程結構

5

預覽看一下效果

6

到此,helloword已經編寫好了,只要把android需要的sdk和相關的驅動配置好,還是很好上手的。

  • 2.載入一個遠程的頁面

此處以打開一個百度頁面為例進行演示

打開MainActivity.java頁面,修改oncreate函數

7

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);
    }

 

8

預覽看一下效果

9

提示wabpage not available錯誤,那么我們在AndroidManifest.xml文件中添加權限

<uses-permission android:name="android.permission.INTERNET"/>

11

現在預覽看一下效果,百度頁面可以正常打開了

10

  • 3.打開本地頁面

這一步演示如何打開本地的html頁面,該示例同樣已百度為例,只不過改為先另存一份百度的html頁面,然后加載本地的html頁面,此處百度頁面另存為index.htm

新建assets目錄,用來存放html頁面。右鍵app->new->folder->assetsfolder

12

13

html頁面放入assets目錄

14

打開頁面的地址改為本地頁面地址

webview.loadUrl(file:///android_asset/index.html);

看一下預覽的效果

15

  • 4.發布apk
  • 按照圖示的步驟一步步進行操作就可以了
  • 16
  • 17
  • 18
  •  19
  •  20

 

app-release.apk就是生成的安裝包了。

下班了,今天就寫到這里了,到目前為止,基本的功能已經完成了,但是很多細節部分的內容還有待調整,明天待續下一篇。

最后附源碼下載


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM