嗯..一周了 本來打算2天一更的 - - ,結(jié)果 出差了..請各位原諒..

今天我們來講一下使用WebView搭建WebApp應(yīng)用.

說明一下為何要用WebApp的形式,因為首先..易于更新,其次學(xué)習(xí)成本又會降低一個檔次

因為不需要去很深入的了解各種安卓的界面布局,我們直接全屏覆蓋一個WebView就好了.(當(dāng)然,實際應(yīng)用中還是需要加入一部分原生控件來提高用戶體驗)

確定一下本篇的學(xué)習(xí)目標(biāo):

1.學(xué)會使用WebView基礎(chǔ)功能

2.通過WebView調(diào)用頁面中的JS代碼

3.通過WebView讓頁面中的JS代碼調(diào)用后臺的C#代碼

效果圖:

photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

正文

1.使用WebView構(gòu)建基礎(chǔ)框架

   我們首先打開上一篇我們只放了一個button的界面.

  從左側(cè)工具欄中找到WebView并拖到我們的界面中,并放大到覆蓋整個頁面.位置如圖:

photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

然后編寫MainActivity.cs文件,在OnCreate()方法中獲取我們的webView并進(jìn)行基礎(chǔ)設(shè)置

代碼如下:

photoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)

//獲取WebView對象var webView = FindViewById<WebView>(Resource.Id.webView1);//申明WebView的配置WebSettings settings = webView.Settings;//設(shè)置允許執(zhí)行JSsettings.JavaSc