• 售前

  • 售后

热门帖子
入门百科

基于第一个PhoneGap(cordova)的应用详解

[复制链接]
八神霜烈 显示全部楼层 发表于 2021-10-25 19:46:14 |阅读模式 打印 上一主题 下一主题
PhoneGap是一套能让你利用HTML5轻松调用当地API接口和发布应用到市肆的应用开发平台。官方说有低成本,低开发周期,轻量化等优点,这些咱临时也没法证实,略过不表。但是有一条跨平台,却是很显着的上风。由于它采用HTML5+JavaScript的模式来开发应用。PhoneGap用JavaScript同一封装了几大平台的当地api(Andriod,IOS,WP8/7,WINRT)等等。。如许的话从一个平台移植到别的一个平台只必要把HTML代码跟JS原封不动的拿已往,打包一下就可以了。PhoneGap后来被Adobe收购,然后又贡献给了开源社区,如今由Apache管理,改名cordova。
为了给昨天的html5画图板移植到移动装备上,我决定采用phoneGap平台,如许只要编写一边就可以多出运行了。
今天先在Andriod下架设phoneGap环境。
1.下载phoneGap
http://phonegap.com/download/#autodownload
解压出来,找到lib/android目次。
2.在eclipse下新建Andriod项目,这个跟平凡项目一样。
3.在assets目次下新建文件夹“www”
把lib/android目次下的cordova-2.6.0.js复制到这个目次下。把cordova-2.6.0.jar复制到libs目次下。

4.在www目次下新建一个html文件index.html。我们的界面就要在这里创建了。

index的代码如下:

复制代码代码如下:
<!doctype html>
<html>
<head>
     <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <title>HTML5Paint</title>
    <script type="text/javascript" src="cordova-2.6.0.js" charset="utf-8"></script>
    <script type="text/javascript">
        alert("HELLO CORDOVA");
    </script></p><p></head>
<body></p><p><h1>HTML5Paint</h1>
</body>
</html>

5.把lib/android目次下的xml文件夹整个复制到res面目下

6.修改AndroidManifest.xml添加用户权限
在<manifest >标签的内的最前部添加如下代码

复制代码代码如下:
<supports-screens
        android:largeScreens="true"
        android:normalScreens="true"
        android:smallScreens="true"
        android:xlargeScreens="true"
        android:resizeable="true"
        android:anyDensity="true"
        /></p><p>    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.VIBRATE" />
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.RECEIVE_SMS" />
    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <uses-permission android:name="android.permission.RECORD_VIDEO"/>
    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
    <uses-permission android:name="android.permission.READ_CONTACTS" />
    <uses-permission android:name="android.permission.WRITE_CONTACTS" />   
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />   
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.GET_ACCOUNTS" />
    <uses-permission android:name="android.permission.BROADCAST_STICKY" />

7.修改MainAcivity.java

复制代码代码如下:
public class MainActivity extends DroidGap {</p><p>      @Override
        public void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            super.loadUrl("file:///android_asset/www/index.html");
        }</p><p>}

8.build一下会有错误,这是由于前面的cordova-2.6.0.jar没有添加到buildpath里面去。添加buildpath。

继续build就过了。
末了run一下:


如许一个phonegap的Andriod步伐就搞定了。来日诰日把昨天的谁人HTML5画板移植过来。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作