【第22期】观点:IT 行业加班,到底有没有价值?

phonegap-我的第一个android应用

原创 2015年11月18日 17:35:59

附开发软件安装包
1511181707-开发环境安装包整理.rar
链接:http://share.weiyun.com/d2400f0802f49c34415deff6685eeb89 (密码:tOdo)

注:由于文档是后来整理,对于控制台截图中文件目录的显示有些错误,只为说明大致步骤,不必深究,只需按文字描述步骤操作



开发环境配置

1.

双击

安装JDK (注意如果windows是64位需安装64位JDK)并配置环境变量
在控制台中输入
java -d64

打印如是则安装正确

2.

双击
安装android-sdk并配置环境变量
输入android -h

打印如是则安装成功


3.

双击
安装node.js并配置环境变量
打开node.js控制台

输入npm

打印如是则安装成功

4.

在node.js在安装phonegap

输入
npm install -g phonegap


输入phonegap验证安装是否成功

打印如是则安装成功

5.

双击
安装android开发软件



打包第一个android应用


创建phonegap工程

打开node.js控制台

输入(以下“>>”代表输入)
>>phonegap create hell com.nsh.hell adrian


进入工程根目录
>>cd hell

添加android的环境
>>phonegap run android

工程创建成功

可以看到工程文件夹中生成了许多文件






使用Android Studio打开工程



工程加载进去之后
双击编辑文件MainActivity

替换方法onCreate中的代码为如下

         super.onCreate(savedInstanceState);
         //实例化WebView对象
        WebView webview =newWebView(this);
        // webview.getSettings().setUseWideViewPort(true);//关键点
        //设置WebView属性,能够执行Javascript脚本
        webview.getSettings().setJavaScriptEnabled(true);
        webview.getSettings().setSupportZoom(true);// 支持缩放
        webview.getSettings().setLoadWithOverviewMode(true);
        webview.getSettings().setUseWideViewPort(true);
        webview.getSettings().setBuiltInZoomControls(true);//支持手势缩放
        try{
            //设置打开的页面地址
            webview.loadUrl("http://192.168.0.101:9010/IDE/application/run2D.html");
        }
        catch (Exception ex)
        {
            ex.printStackTrace();
        }
        setContentView(webview);



打开文件AndroidManifest.xml
在AndroidManifest.xml文件中添加
<uses-permissionandroid:name="android.permission.INTERNET"/>
//设置网络访问权限





打包生成android应用

选择


选择创建iks


填写相关信息



生成.apk的文件

现在就可以传到android手机上安装了










版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

PhoneGap2.9.0本地将html打包成Android应用

PhoneGap的在线打包有大小限制,超过30M的包无法在线打包。当然,可以把包里面的图片、声音文件去掉,然后打包。下载以后,解包,重新打包并签名。蛮麻烦的。 本地打包的简单方法如下: ...

用phonegap和jquery-mobile写android应用!

今天纪录的是学习用phonegap和jquery-moblie来写android的过程。环境搭建。 我的习惯是直接上官网看文档,看get-started guide之类的文档。然后在看参考手册。然后就按自己的 学习习惯入门了。 首先是:phonegap。介绍的话baidu知道。网站:phone...

程序员升职加薪指南!还缺一个“证”!

CSDN出品,立即查看!

配置PhoneGap开发Android应用环境入门

1. 需求 Eclipse 3.4+ 本教程还有另外一个不使用Eclipse的版本,参照这里 。 2. 安装SDK + PhoneGap 下载并安装Eclips...

使用html,javascript,css,phonegap创建开发android应用程序

使用html5,javascript,css,phonegap创建android应用程序,其实就是利用android的webview显示一个静态的html文件,实现相关的功能。   首先,需要创建一个基于phonegap的android project   创建步骤如下:...

PhoneGap对比html5写android应用程序【android进化三十八】

什么是PhoneGap,其实就是在手机中可以写html代码的插件,下面一段话来源网摘“PhoneGap是一个开放源代码的,跨平台的构建移动应用程序的框架。在PhoneGap中,完全通过HTML,CSS和JavaScript构建应用程序,但是它们却可以像本地程序一样使用iPhone 、iPad,And...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)