如果有成型的web網站,想做成手機app,如何用wex5來打包成apk呢?比如說百度視頻,我想打包成自已的apk安裝到手機上,怎么做呢?
官方提供了四種打包模式,都需要提供服務地址,也就是說要有一台服務器來提供服務。我只是要把web地址封裝一下,apk打開后跳轉到網頁就行,顯然服務地址是不需要的。
那如果用wex5的頁面frame組件加載一個web頁面呢?
經測試,這種方法可行,問題是,w頁面是wex5自創的頁面,不是html的document頁面,會出現視頻格式不能播放,無falsh插件問題。
那如何正確用wex5開打包一個網址呢?
答案是:android原生模式。
先來看一下今天的效果:
實測:視頻和直播都可以完美播放。如果有人用過馬克斯一鍵生成視頻網站的話,可以把網站打包成apk,到應用市場提供下載。超逼格的一件事。只是一個打包功能,小白跟我一步步來設置,不需要去從頭學習安卓基礎,10分鍾搞定網站打包。
二 設計思路:
運用wex5集成的android sdk,原生生成。
三 代碼與邏輯
1 切換到java視圖
在標題欄 窗口選擇java視圖
2 新建android工程
左側空白區域右鍵,新建Android Application Project
填寫工程名,首拼音大寫,自動生成包名
默認選項,創建自定義app圖標icon,頁面activity,工作空間workspace
icon圖標選擇與樣式
頁面activity樣式
主頁面activity與 主頁面布局名稱
創建成功后,文件目錄結構如下:
3 修改權限
安卓訪問入口,從androidManifest.xml文件開始,所有權限在這里進行配置。
需要注意的是android:minSdkVersion不要設的太高,否則較低的安卓版本不能安裝。
需要配置網絡權限,加上<uses-permission android:name="android.permission.INTERNET"/>到如下位置
4 修改頁面標題
打到res- values-strings.xml,修改。
5 頁面中添加webview組件,用來裝載web頁面。
找到composite集合中的webview,拖到右側視圖頁面中
修改webview屬性
6 邏輯代碼
6.1打開java頁面Mainactivity.java
在java文件中,系統會自動生成onCreate(創建),onCreateOptionsMenu(左下角控制菜單),onOptionsItemSelected(右上角3點選擇菜單)。onCreate方法必須有,其它可以去掉。
在onCreate方中定義一個WebView對像。注釋中的方法是頁面沒有webView容器直接跳轉,跳轉頁面實測會有搜索欄。本例中用webview不存在這個問題。
6.2 得到WebView對像,並設置相關參數。
6.3 接管物理返回鍵
四 生成apk包
1 工程右鍵選擇導出 Export Android Application
工程選擇
2 創建keystore,如果已經創建,Use existing keystore
3 別名設置,如果已有,直接Use existing key
4 選擇生成apk名和存儲路徑,完成即可在目示下看到生成的apk,安裝測試吧。
五 工程導入
1 選擇Android Esistion Android Code Into Workspace
2 Root Driectory,根目錄選擇后,在目錄下的所有工程列表里選擇project,導入即可
六 總結
1 wex5打包web簡單方便,需要一些安卓原生基礎知識
2 從java視圖可以看出,wex5可以像eclipse一樣工作,創建android,web,服務器等多種項目,如下圖所示。好處是省去了系統配置和sdk,包的安裝
相關視頻制作完成,上傳優酷。教學app制作中。我是邯鄲戲曲開發,tel:15175073123,qq:1017945251
掃描二維碼,看高清教學視頻。