HTML5 开发APP 第一章

当今天下,移动端基本上是安卓和苹果的天下,基本上没微软什么事,作为微软忠实的支持者,也要顺势而变。

但安卓和IOS  开发是两个完全不同的世界,有没有一种技术,开发完以后可以运行在任意终端呢,答案是有的,HTML5

OK, 闲话不扯,直奔主题吧。

一,环境搭建

1,下载JDK (这个很多  BD一堆)

  • 1、环境搭建

    • 1.1、JDK安装
    • 1.2、Eclipse安装
    • 1.3、Android SDK安装
    • 1.4、ADT安装
    • 1.5、创建AVD
  • 2、HelloWorld

1、环境搭建

1.1、JDK安装

如果你还没有JDK的话,可以去这里下载,接下来的工作就是安装提示一步一步走。设置环境变量步骤如下:

  1. 我的电脑->属性->高级->环境变量->系统变量中添加以下环境变量:
  2. JAVA_HOME值为: D:\Program Files\Java\jdk1.6.0_18(你安装JDK的目录
  3. CLASSPATH值为:.;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\bin;
  4. Path:  在开始追加 %JAVA_HOME%\bin;
  5. NOTE:前面四步设置环境变量对搭建Android开发环境不是必须的,可以跳过。

安装完成之后,可以在检查JDK是否安装成功。打开cmd窗口,输入java –version 查看JDK的版本信息。出现类似下面的画面表示安装成功了:

JAVA_HOME=C:\Program Files\Java\jdk1.7.0_51
CLASSPATH=.;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\bin;
Path=%JAVA_HOME%\bin;C:\Users\feeling\AppData\Roaming\npm;%JAVA_HOME%\bin;

3,下载 android SDK (eclipse+SDK+AVT) ,可以一个一个下载,在配置,但是 google 很多的服务器,因为政治因素,无法访问,所以

我给出一个全套的已经封装完毕的压缩包

软件的百度云链接:http://pan.baidu.com/s/1i3h3Vyl 密码:nps2

注:“android sdk截止2014年10月2日前全部更新”里面放的是更新完所有的android sdk的adt-bundle,觉得代理更新速度慢朋友可以考虑下载直接使用,最新版同时支持到了android 5.0,压缩包大小8.77GB,解压后大小有30GB(同时提供了windows和linux版)

4,

HelloWorld

  • 通过File -> New -> Project 菜单,建立新项目"Android Project"
  • 然后填写必要的参数,如下图所示:(注意这里我勾选的是Google APIs,你可以选你喜欢的,但你要创建相应的AVD)

相关参数的说明:

  1. Project Name: 包含这个项目的文件夹的名称。
  2. Package Name: 包名,遵循JAVA规范,用包名来区分不同的类是很重要的,我用的是helloworld.test。
  3. Activity Name: 这是项目的主类名,这个类将会是Android的Activity类的子类。一个Activity类是一个简单的启动程序和控制程序的类。它可以根据需要创建界面,但不是必须的。
  4. Application Name: 一个易读的标题在你的应用程序上。
  5. 在"选择栏"的 "Use default location" 选项,允许你选择一个已存在的项目。
  • 点击Finish后,点击Eclipse的Run菜单选择Run Configurations…
  • 选择“Android Application”,点击在左上角(按钮像一张纸上有个“+”号)或者双击“Android Application”, 有个新的选项“New_configuration”(可以改为我们喜欢的名字)。
  • 在右侧Android面板中点击Browse…,选择HelloWorld
  • 在Target面板的Automatic中勾选相应的AVD,如果没有可用的AVD的话,你需要点击右下角的Manager…,然后新建相应的AVD。如下图所示:

  • 然后点Run按钮即可,运行成功的话会有Android的模拟器界面,如下图所示:

至此,环境已经搭好了,可以开始 你的APP 之旅了,下一节 开始介绍HTML5 
时间: 2024-10-08 02:05:32

HTML5 开发APP 第一章的相关文章

phonegap+html5开发app的一些总结

1.Css3圆角白边:使用css3圆角效果时,在android某些机器上会产生白边,所以应该在圆角的div外套一个div(背景色和外部相同),然后有圆角效果的div 内部使用自己的背景色 border-radius:5px; box-shadow:inset 0 2px 5px #e1e1e1; <div style=””> <div style=”border-radius:5px;box-shadow:inset 0 2px 5px #e1e1e1;”> </div>

libgdx游戏引擎3D开发教程-第一章-基础教程

开卷语:我最近才开始学习游戏编程,因为想做个网游玩,所以前几天找了不少引擎来看,于是不出意料的选中了libgdx,值得感谢的是libgdx的文档很多很全,所以没有走多少弯路就成功的配置好了环境.基础教程很完善,好多大神都已经写的很详细了,但是3D方面的很少见,所以我正好要学,索性直接翻译过来,大家共同进步.注意:教程基本是从Wiki上翻译过来,外加自己的小部分理解,所以一般来说应该没什么问题,如有错误请多多指教. =========================================

HTML5 开发APP(头部和底部选项卡)

我们开发app有一定固定的样式,比如头部和底部选项卡部分就是公共部分就比如我在做的app进来的主页面就像图片显示的那样 我们该怎么实现呢,实现我们应该建一个主页面index.html,然后建五个子页面,通过mui来实现切换功能. 在index的html部分写下这样的代码 <body> <header class="mui-bar mui-bar-nav" style="padding-right: 15px;background: #00be68;"

HTML5 开发APP(打开相册以及图片上传)

我们开发app,常常会遇到让用户上传文件的功能.比如让用户上传头像.我公司的业务要求是让用户上传支付宝收款二维码,来实现用户提现的功能.想要调用相册要靠HTML Plus来实现.先上效果图 基本功能是点击按钮就上传图片,然后获取到图片在服务器上的路径. 首先我们要打开相册,使用gallery模块管理系统相册来打开相册 mui('#shangchuan')[0].addEventListener('tap',function(){ chooseImg(); }) function chooseIm

HTML5 开发APP( 环境配置)

上一篇我写了关于新建项目,这一篇说一下配置环境我们新建一个移动app后,会发现一个mainifest.json文件,开发app所要配置的环境就在这个文件里 点击打开文件后会有配置界面,在配置界面的下方有关于配置的内容 应用信息主要的写你的项目的介绍和appid以及设置手机的屏幕状态 图标设置是设置app在手机页面上的图标必须是png格式. 启动图片配置是app启动图片也必须是png. sdk配置:是一些第三方授权验证的地方,要是用的第三方授权要进行配置.比如微信登录,qq登录等等,要先申请第三方

HTML5 开发APP(MUI的一些特性)

先附mui文档地址:http://dev.dcloud.net.cn/mui/ui/  .mui的UI组件比较简单而且在文档中很好找就不过多说了. 1 在app开发中,使用HTML5+的api,必须mui.plusReady方法中. 2 常用的a标签和window.herf跳转方法通通改为 mui.openWindow({       url: '文件路径',        id: '自己给文件起的id'        }) 3 ajax 部分.mui自己封装了可跨越的ajax.和jq的ajax

HTML5实战 文摘 第一章 从文档到应用的转变

1. HTML5的基本特性 1.1 DOCTYPE声明方式 HTML5的声明格式非常简单不需要DTD和URL <!DOCTYPE html> 就这么一句声明放在文档的开头就可以了. 1.2 新的元素 增加新的元素代表新的语义,例如,新增加了<hgroup>标签,这个标签用于对网页或区段(section)的标题进行组合.再例如<nav>标签,它定义了网站导航的链接.有了类似这种新的元素,页面标记结构不仅清晰易读,搜索引擎机器人和辅助技术也能比较好的解读页面的内容. 1.3

Android深度探索(卷1)HAL与驱动开发读后感---第一章

第1章  Android系统移植与驱动开发概述 1.1  Android 系统架构 Android是一个非常优秀的嵌入式操作系统.经过几年的发展和演进,Android已经发展形成林非常完善的系统架构. Android的系统架构分为4层:Linux内核.C/C++代码库.Android SDK API.应用程序. 1.2  Android 系统移植的主要工作     Android系统移植可分为两部分:应用移植和系统移植.Android移植的主要工作如下:移植Linux驱动.移植HAL. 1.3

Android系统移植与驱动开发概述 第一章

Android系统移植与驱动开发概述 1. Android的系统架构分为Linux内核.C/C++代码库.Android SDK API.应用程序四层. 2. Android移植可分为应用移植和系统移植.应用移植是指将应用程序移植到特定的硬件平台.系统移植指的是让Android操作系统在某一特定硬件平台上运行(首要条件是该操作系统支持硬件平台的CPU架构).系统移植的主要任务是移植Linux驱动和HAL(Hardware Abstraction Layer:硬件抽象层,位于应用程序与驱动之间).