Monday, May 4, 2015

WebView簡介(二) - loadUrl , loadData, loadDataWithBaseUrl

之前已經介紹過loadUrl的使用方式, 接下來繼續介紹WebView提供的其他載入內容的方法
  • loadData
    • Input : 
      • data, string , 將以WebView載入的內容
      • mineType, string, 內容資料格式, 若設定為null則以預設值"text/html"表示
      • encoding, string, 內容編碼方式,
    • 使用方式
      WebView webView = new WebView(getBaseContext());
      webView.loadData("<html><body><h1> Hello World!!</h1> </body></html>","text/html","UTF-8");
    • 範例結果
  • loadDataWithBaseUrl
    • Input : 
      • baseUrl ,string , 所設定的基礎位置, 可設定為各種schema, 包含file, http, https, ftp, etc..,若設定為null時則以預設值'about:blank'表示
      • data, string , 將以WebView載入的內容
      • mineType, string , 內容資料格式, 若設定為null則以預設值"text/html"表示
      • encoding, string , 內容編碼方式
      • historyUrl, string, 用以表示WebView的history, 若設定為null,則以'about:blank'表示
    • 使用方式
      WebView webView = new WebView(getBaseContext());
      webView.loadData("<html><body><img src='mipmap/ic_launcher.png'/></body></html>","text/html","UTF-8");
    • 範例結果
  • 結論
    • loadDataWithBaseUrl當然在使用上屬於較為複雜的方式, 但根據baseUrl不同, 則可以使用asset, res資料夾當中的資源, 相當的好用

※參考資料

Wednesday, April 29, 2015

WebView簡介(一)

簡單來說, WebView是用來顯示網頁頁面的元件

接下來介紹如何使用WebView

首先當然是先建立一個Android的Project, 以Android Studio為例子

並在完成相關設定後,可以看到畫面如下

既然主要用來顯示網頁頁面, 當然要先加入可以連接網路的權限也就是android.permission.INTERNET


開始使用webview的原件

WebView webView = new WebView(getBaseContext());
webView.loadUrl("http://http://developer.android.com/reference/android/webkit/WebView.html");


執行之後就可以看到應用程式上看到網頁資料啦

※參考資料

Monday, October 14, 2013

Gradle簡介(for Android)

Gradle, Gradle 是什麼? 簡單來說, Gradle是種包含ant以及maven概念,並且以groovy的DSL取代傳統XML的來做為設定專案的自動化工具
  • 先針對Android的部分做個簡介
    • 在開始為你的專案導入gradle之前, 必須先準備專案的骨幹(也就是建立一個基本的android 專案), 可以透過命令列指令或者透過你的IDE(如eclipse來完成這項工作),其中命令列的方式如下
      android create project --target 1 --path ./MyGradleAndroidApp --activity MyGradleAndroidActivity --package my.android.gradle.package
    • 接下來在android專案的根目錄下建立build.gradle檔案,用來描述該專案的相關設定
      buildscript {
        repositories {
         mavenCentral()
       }
      dependencies {
        classpath 'org.gradle.api.plugins:gradle-android-plugin:1.2.1'
       }
      }
      apply plugin: 'android'
        repositories {
         mavenCentral()
       }
    • 設定專案的source set
      為了讓android專案不會因為其他工具的需求(如ant),而產生問題,最好自行指定source code的位置
      sourceSets {
       main {
        java {
         srcDir 'src'
        }
       }
      }
  • 設定android sdk位置
    如果第一步驟的android專案,是由eclipse所建立的,那麼,還需要額外進行設定android sdk的動作, 在android專案的根目錄找到local.properties(若找不到,請建立一個新的檔案), 並在其中加入
    sdk.dir=/path/to/android/sdk
    (當然說的是我們安裝android sdk的位置)
    到這邊大概就能說有個初步的概念了