‘壹’ android webview怎么加载ionic的html5
1.如何播放:
近来工作要用Android的webview播放HTML5 video标签。做了下试验,用Android自带的Browser可以装载含有video标签的HTML5页面,而且能正常播放,但同样的网页用webview来加载就没法播放HTML5中的video。
在网上查了许多资料,所查的资料可以参考我转载那些文章,经过无数次测试,终于成功了,做法如下:
第一步当然是要先有个Webivew对象,是写在main.xml也好,或者动态创建也罢,总之有了一个Webview对象即可,假设其名为m_webview,然后设置一些属性:
m_webview.getSettings().setjavaScriptEnabled(true);
m_webview.setWebChromeClient(m_chromeClient);
本来以为要设置m_webview.getSettings().setPluginsEnabled(true);但后来发现去掉后也不影响效果。上面主要的是setWebChromeClient这个,要设置一个WebChromeClient对象给webview,WebChromeClient对象这样创建:
private WebChromeClient m_chromeClient = new WebChromeClient(){
@Override
public void onShowCustomView(View view, CustomViewCallback callback) {
// TODO Auto-generated method stub
}
};
‘贰’ ionic+angularjs开发app 服务器怎么选择怎么设置
1. 用ionic和ng(angular)不需要服务器 电脑能上网就行(本回复只计入android )
2.你需要安装node环境(建议用4.2.6版本) 贴上网址:Node.js 还有java的 安装C++ 环境,一般电脑都装有.
3.安装npm ,npm (cmd命令行 npm -v出版本号代表安装成功 或者 npm version)
4.通过cmd命令行依次安装 npm install ionic cordova (记得命令行cd切换到你的项目文件夹中再执行命令 ,不然你找不到安装的东西)
5.创建项目模板 start myApp sidemenu/ tabs/blank (列举了三种其中tabs比较常用)
6.生成的www文件中用index修改内容和路由,然后添加项目平台 ionic platform add android
7.打包 ionic build android 可以在platforms ->android->build ->outputs->apk 就成功了
‘叁’ ionic中怎么动态加active类
加一个click时间吧 用jquery的办法 $(function (){ $('#nky li').click(function (){ //把之前已有的active去掉 $('.active').removeClass('active'); //当前点击的li加上class $(this).addClass("active"); });})
‘肆’ ionic怎么在模拟器上实时更新
准备工作
Ant(打包使用),Node.js(包),HBuilder(IDE,编写代码,真机调试),Android SDK (Android编译)
加群:
2.配置环境变量:
ANDROID_HOME D:Program Filesadtsdk (对应sdk路径)
Path ;D:Program Filesapache-ant-1.9.4in (对应ant下bin路径)
3.安装ionic等,运行命令提示符(管理员) 输入
a. 将cordova和ionic包安装到全局环境中(可供命令行使用):
[plain] view plainprint?在CODE上查看代码片派生到我的代码片
npm install -g cordova ionic
b. 进入你要创建项目的路径:
[plain] view plainprint?在CODE上查看代码片派生到我的代码片
cd E:StudyAndroidionicProject
e:
c. 创建一个名为myApp的还有tabs的项目(ionic start <project-name> <optional-template>) 可选模板为sidemenu 侧滑、tabs 底部tab切换、blank 空白):
[plain] view plainprint?在CODE上查看代码片派生到我的代码片
ionic start myApp tabs
d. myApp就为项目名称,进入myApp这个文件夹:
[plain] view plainprint?在CODE上查看代码片派生到我的代码片
cd myApp
e. 添加android:
[plain] view plainprint?在CODE上查看代码片派生到我的代码片
ionic platform add android
f. 生成androidapk:
[plain] view plainprint?在CODE上查看代码片派生到我的代码片
ionic build android
g. 在android模拟器或真机中模拟:
[plain] view plainprint?在CODE上查看代码片派生到我的代码片
ionic emulate android
其中f和g可以合并为:
[plain] view plainprint?在CODE上查看代码片派生到我的代码片
ionic run android
即生成apk,并在模拟器或真机中模拟。
4.更新ionic等
a.更新cordova及ionic包
[plain] view plainprint?在CODE上查看代码片派生到我的代码片
npm update -g cordova ionic
b.更新已建ionic项目中的js类库,命令行中先进入项目所在目录,然后运行:
[plain] view plainprint?在CODE上查看代码片派生到我的代码片
ionic lib update
5.展现ionic项目结果(显示在ios和android上的样式)
[plain] view plainprint?在CODE上查看代码片派生到我的代码片
ionic serve --lab
6.查看ionic版本(当前最新版本为1.2.13)
‘伍’ 如何搭建Ionic环境以及打包成安卓apk
1.Ionic是什么?Ionic的生态系统基于Angular和Cordova,前者是web应用框架,后者是构建和打包原生应用的工具。Ionic是将HTML,CSS,JS,Angular,Cordova等技术进行整合,成为一个非常强大的移动端应用开发平台。
2.如何搭建环境?
如果你现在要使用Ionic来架构应用,你应用要有以下几个步骤。
1>安装node.js。可以访问[nodejs官网](http://nodejs.org)下载对应平台的安装包。如果你已经安装了node,请把它升级为最新版本。安装完成后,可以在OS X的终端后者windows的命令提示符中运行下面的代码来验证是否安装成功。
$ node -v1
如果出现版本号说明安装成功。(忽略$符号,以下同理)
2>安装Ionic和Cordova。使用一条命令就能安装Ionic和Cordova。执行之前请确保你已经安装了git:
$ npm install -g cordova ionic1
这条命令需要一点时间,请耐心等待。安装完成后,运行下面的命令来确认已经安装成功:
$ cordova -v
$ ionic -v 12
同样,这里出现版本号说明安装成功。注意:这里需要配置node的环境变量,如果你不清楚环境变量如何配置,网络一下啦!
3.是时候创建一个应用了。
Ionic提供了一个简单的start命令,几秒就可以创建一个新项目,在你想要创建项目的文件夹下运行如下代码就可以轻松创建:
$ ionic start demo
$ cd demo12
程序可能会问你是否创建一个Ionic账户,暂时可以无视它。ok创建成功后,你可以在你的文件下面看到demo文件夹,进入文件夹,你可以看到一串目录。这是Ionic的默认模板。
重点介绍以下www目录,这里进去我们可以看到css,js,lib,image,index,template等文件或者文件夹,这里前端人士应该很熟悉啦,这里就是你这个应用所有的前端代码,在这里面编写你的代码吧!
Ionic有个很牛叉的地方,当你输入如下代码后,你可以在浏览器中预览应用,当你在编写代码的时候,只需要保存,页面就好自动刷新,而不需要你手动刷新页面,这个angular又更进一步啦!很神奇有木有...
$ ionic serve1
执行的时候会提醒你选择地址,多数情况下选择localhost即可。程序会自动打开电脑中的默认浏览器并访问8100端口。你也可以直接在浏览器中输入localhost:8100。这里建议使用Chrome或者Safari。IOS的WebView使用的是Safari,Android使用的是Android浏览器(跟Chrome的相似度极高)。所以很明显看到用这两个浏览器模拟的好处,嘿嘿!
4.如何编译并发布应用?当你已经顺利完成你的应用代码部分的时候,你现在所需要的就是将你的应用打包并且发布了。
第一步:创建一个独一无二的图标。图标的设计无非有以下几点:简单,让人印象深刻,不受尺寸限制,颜色不要太复杂。创建好你的图标之后,请以png/psd/AI格式保存在resource/android/icon.png和resource/android/icon.png。然后使用如下命令,就可以生成不同尺寸的图标:
$ ionic resources -icon1
第二步:创建启动页面图片。启动画面的源文件至少需要2208px×2208px,创建完成后,保存为
resource/android/splash.png和resource/android/splash.png。
然后使用如下命令就可以生成不同尺寸的启动画面图片:
$ ionic resources --splash1
第三步:编译Android应用(这里以安卓应用为例)。
1>配置应用的签名。使用如下命令来配置你的签名(keystore):
$ keytool -genkey -v -keystore know_your_brew.keystore -alias know_your_brew -keyalg RSA -keysize 2048 -validity 100001
注意:请使用你应用的名字来替代know_your_brew.这个命令可以生成一个新文件,在本示例中为know_your_brew.keystore。
在应用的整个生命周期中将重复使用同一个keystore,请保存好它。
2>使用Cordova编译应用。使用build命令编译一个应用的发布版本:
$ cordova build --release android1
这个命令会生成一个新的apk文件。此时还未签名。
3>签名应用文件。现在我们要用之前创建的keystore文件来签名生成的未签名版本的应用。使用如下命令来签名:
$ jarsigner -verbose -sigalg SHALwithRSA -digestalg SHAL -keystore know_your_brew.keystore unsigned_name.apk know_your_brew1
注意:这里请使用keystore生成文件名来替换know_your_brew示例名称,同时用真实的应用文件名替换掉unsigned_name.apk。
这个过程需要一点时间,期间会提示输入keystore的密码。命令会修改apk文件并对其进行签名。
‘陆’ ionic 夜神安卓模拟器怎么用
挺简单的,和安卓的手机使用起来差不多,可以找一下他们客服要一个模拟器的使用手册,有任何模拟器有关的问题都可以找他们,他们客服态度也特别好。希望能帮到你
‘柒’ ionic2里怎么实现Android的broadcastReceiver和Service
可以通过在activity中 设置事件 。当事件出发时 利用intent Intent intent=new Intent(MainActivity.this, ServiceDemo.class); switch (v.getId()) { case R.id.startBtn: startService(intent); 启动 break; case R.id.stopBtn: stopService(intent); 停用 break; default: break;
‘捌’ ionic2怎么在浏览器调试显示安卓,iso界面
把CTRL键按住【键盘左下角那个】不放,然后滚动鼠标滑轮,就可以自由放大或缩小了。你打开游览器 右下角设为百分百就OK了正常的大小了