移动开发

小白学phoneGap《构建跨平台APP:phoneGap移动应用实战》连载二(生命周期)

谁都会走 提交于 2019-12-06 15:55:47
1 什么是生命周期 想要真正地理解PhoneGap应用开发的内涵,首先需要理解什么是生命周期。这在字面上其实非常容易理解,一个应用从开始运行被手机加载到应用被退出之间的过程就称之为一个生命周期。为了使读者更容易理解,本节将以Android原生SDK中Activity类的生命周期结合Eclipse中的LogCat调试工具进行实战讲解。 4.1.1 Activity的生命周期 先仔细的观察图4-1的内容,这是谷歌官方给出的Activity生命周期流程图,它包括了一个安卓应用从被创建到结束时所经历的各种事件。下面是Activity生命周期中所经历的各个过程。 (1)启动Activity:系统将调用onCreate方法创建新的Activity对象,然后依次调用onStart方法和onResume方法使刚刚创建的Activity进入运行状态。 (2)暂停状态:当前的Activity被其他的Activity覆盖或手机锁屏,原Activity被放入后台,系统将调用onPause方法使Activity进入暂停状态。 (3)恢复状态:当处于暂停状态的Activity重新被运行时,系统将调用onResume方法使之重新回到运行状态。 (4)后台状态:当用户点击Home键返回主屏,Activity被保存在后台,系统将先调用onPause方法再调用onStop方法使Activity处于暂停状态。 (5

Titanium 用户界面之布局结构及核心代码块

被刻印的时光 ゝ 提交于 2019-12-06 14:20:02
以 Tab为界面基础的界面 关于Tab的建议 以 窗口为界面基础 目标 在本节,你将会看到Ti应用的核心代码块。 我们将会讨论Tab组件,windows窗口以及他们的核心功能 。 内容 如果用开发web的方式来比拟Ti里面的界面,, 一个Ti的窗口相当于一个web页面,一个Ti的View相当于一个DIV。概念上,Ti里面的windows是一个顶级的容器,就像web里面的页面,如JSP等。 Ti里面的Views组件可以看成是一个含有style的能够装入内容的容器。 Windows和View,两者都可以包含其他内容(按钮、视图等),而且必须包含在一个窗口,或者web页面。 Ti 中的Tab groups 和 web中的tab groups一个样,在Web中,Tab有时被称作一个UI组件,但是一般都用Div来实现Tab的功能。在移动开发的应用中,用的最多的应该是一组导航菜单或者是一些导航链接。 那么,我们现在就来看看如何使用tab groups,views,windows 去组织你的UI。移动应用一般使用两个基本的布局方式:tab布局和windows布局。如图所示: 使用Tab布局 在一个使用tab布局的应用中,一般使用一个Tab group来包含多个tabs。而每个Tab又包含一个windows。每个windows包含你所需要的组件,如按钮,input等等。使用Tab的基本代码如下所示

你必须要知道的移动端开发知识

♀尐吖头ヾ 提交于 2019-12-06 07:51:13
移动开发不同与PC端开发,可能会经历各种意想不到的问题,尤其是移动端应用刚起步的几年;随着移动互联网的快速发展,有些问题已经得到了很好的支持,如1像素边界的问题。当然,要更好地解决这些移动端的问题,就需有移动端领域相关的知识,下面就来说说。 dpr设备像素比 首先说一下,这个dpr不仅仅是移动端才有的,pc端也有,但是对一些移动端的问题产生的原因及解决显得比较重要,比如1像素的问题。先来看几个概念: 物理像素(physical pixel) 一个物理像素就是显示设备上最小的物理显示单元,每个物理像素都有自己的颜色值和亮度值。例如iphone6手机屏幕有750*1334个物理像素 设备独立像素(density-independent 设备独立像素又叫密度无关像素,也可以叫逻辑像素,程序使用的虚拟像素如css像素,可以理解为显示设备坐标系统中的一个点; 设备像素比dpr(device pixel ratio) 设备像素比,简称dpr,定义了物理像素与设备独立像素之间的对应关系,具体的对应关系是一个计算公式如下: dpr = 物理像素 / 设备独立像素 上面计算的dpr是指某一个方向上如x或者y方向,二者dpr值相同;程序中获取dpr方式如下: js获取dpr使用 window.devicePixelRatio css获取dpr使用 -webkit-device-pixel-radio

固定宽度布局开发WebApp如何实现多终端下自适应?

旧巷老猫 提交于 2019-12-06 06:19:17
1.viewport的概念 通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域。 在具体一点,就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域,但viewport又不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。 在默认情况下,一般来讲,移动设备上的viewport都是要大于浏览器可视区域的,这是因为考虑到移动设备的分辨率相对于桌面电脑来说都比较小,所以为了能在移动设备上正常显示那些传统的为桌面浏览器设计的网站。 移动设备上的浏览器都会把自己默认的viewport设为980px或1024px(也可能是其它值,这个是由设备自己决定的),但带来的后果就是浏览器会出现横向滚动条,因为浏览器可视区域的宽度是比这个默认的viewport的宽度要小的。下图列出了一些设备上浏览器的默认viewport的宽度。 浏览器的默认viewport的宽度。 2.移动设备哪些因素会引起css中px的变化? 在css中我们一般使用px作为单位,在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像素。但实际情况却并非如此,css中的像素只是一个抽象的单位,在不同的设备或不同的环境中,css中的1px所代表的设备物理像素是不同的。 1)从iphone4开始,苹果公司便推出了所谓的Retina屏

高移动毫米波系统的深度学习协调波束成形

柔情痞子 提交于 2019-12-05 09:15:34
高移动毫米波系统的深度学习协调波束成形 摘要:支持高移动性的毫米波(mmWave)系统,可实现广泛的重要应用,如车载通信和无线虚拟/增强现实。但是,在实践中意识到这一点需要克服一些挑战。首先, 窄波束的使用和mmWave信号对阻塞的敏感性 极大地影响了高移动链路的 覆盖范围和可靠性 。其次,密集mmWave部署中的高移动用户需要频繁地在基站(BS)之间进行 切换 ,这与关键控制和延迟开销相关。此外,在大型天线阵列mmWave系统中 识别最佳波束成形向量 需要相当大的训练开销,以上都显著影响了这些移动系统的效率。在本文中,开发了一种新颖的集成机器学习和协调波束成形的解决方案,以克服这些挑战并实现高移动性mmWave应用。在所提出的解决方案中,许多分布式协调BSs同时为一个移动用户服务。该用户理想地需要仅使用 全向或准全向波束模式 来发送将在协调BSs处联合接收的一个 上行链路训练导频序列 。这些接收的信号不仅为用户位置绘制了定义签名,而且还为其与周围环境的交互绘制了定义签名。然后,开发的解决方案利用深度学习模型来学习如何使用这些签名来预测BSs处的波束成形向量。这提供了一个全面的解决方案,支持具有可靠覆盖,低延迟并且可忽略的训练开销的高移动mmWave应用程序。基于精确射线追踪的广泛仿真结果表明

Vue常用开源项目汇总

北慕城南 提交于 2019-12-05 07:55:12
Vue常用开源项目汇总 前言:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与 现代化的工具链 以及各种 支持类库 结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。易用(已经会了HTML,CSS,JavaScript 即可轻松上手)、灵活(简单小巧的核心,渐进式技术栈,足以应付任何规模的应用)、性能(17kb min+gzip 运行大小、超快虚拟DOM、最省心的优化)、渐进式JavaScript 框架。 Vue相关网站参考:   Vue中文网站: http://cn.vuejs.org/   Vue github开源地址: https://github.com/vuejs/vue   Vue.js专业中文社区: http://www.vue-js.com/   前端开发Vue相关: http://www.opendigg.com/tags/front-vue vue ui组件 element ★9305 - 饿了么出品的Vue2的web UI工具套件 Vux ★6802 - 基于Vue和WeUI的组件库

KeyMob移动聚合平台浅淡:告诉你原生广告与移动聚合平台的对比?

喜夏-厌秋 提交于 2019-12-05 06:55:08
今天,KeyMob移动聚合平台就为广大移动开发者总结了以前主流的几种原生广告与现在的移动聚合平台对比,希望能为广大开发者提供一些参考。 IOS原生开发 IOS原生开发就是直接使用OC程序语言,Xcode进行程序开发。前提是需要熟悉OC开发的开发程序和Xcode的整个使用流程。OC和其他开发语言的语法又出入比较大,学习难度比较大。IOS拥有良好的开发工具Xcode和一套优秀的程序组建库,开发出的产品有着最优秀的性能,所以开发IOS app是最合适的选择。但是无法跨平台,开发周期和人力成本比较大。 Android原生开发 Android原生开发就是直接使用java程序语言进行开发,使eclipse和android studio之类的工具。前提是熟悉java语言,学习java语言虽然比OC容易点,但是要真正应用自如也需要点时间。android的java开发工具都已经很成熟和稳定,也比较智能好用。android也拥有一套丰富的组件库,java直接开发出的app也有着最好的性能,是熟悉java开发的人员开发app的最佳选择。但是缺点是只能开发android程序,无法跨平台,开发周期长,开发成本大。 Cocos2dx cocos2dx是一个开源2d游戏开发库,使用c++作为开发语言,性能不错,在2d游戏开发市场有着不错的市场份额。因为使用c++,对于老的c++程序猿来说容易入手,如果不熟悉学c

实例介绍Cocos2d-x开关菜单

放肆的年华 提交于 2019-12-05 06:38:28
开关菜单是 MenuItemToggle 类实现的,它是一种可以进行两种状态切换的菜单。它可以通过下面的函数创建: [html] view plain copy static MenuItemToggle*createWithCallback ( const ccMenuCallback & callback, //菜单操作的回调函数指针 MenuItem * item, //进行切换的菜单项 ... ) 从第二个参数开始都是 MenuItem 类的实例对象,它们是开关菜单显示的菜单项,它们可以是文本、图片和精灵类型的菜单项,但是最后不用忘记 NULL 结尾。 下面代码是简单形式的文本类型的开关菜单: [html] view plain copy auto toggleMenuItem = MenuItemToggle ::createWithCallback( CC_CALLBACK_1(HelloWorld::menuItem1Callback,this), MenuItemFont::create("On" ), MenuItemFont::create("Off"), NULL ); Menu* mn = Menu ::create(toggleMenuItem,NULL); this- > addChild(mn);

VUE组件汇总

百般思念 提交于 2019-12-05 06:19:23
内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - 三端样式一致的响应式 UI 库 vue-material ★3328 - 通过Vue Material和Vue 2建立精美的app应用 vuetify ★2925 - 为移动而生的Vue JS 2组件框架 Keen-UI ★2749 - 轻量级的基本UI组件合集 vonic ★1913 - 快速构建移动端单页应用 vue-multiselect ★1539 - Vue.js选择框解决方案 eme ★1529 - 优雅的Markdown编辑器 vueAdmin ★1455 - 基于vuejs2和element的简单的管理员模板 bootstrap-vue ★1267 - 应用于Vuejs2的Twitter的Bootstrap 4组件 Vue.Draggable ★1191 - 实现拖放和视图模型数组同步 eagle.js ★1128 - hacker的幻灯片演示框架 vue-awesome-swiper ★1012

使用Dreamweaver cs6开发移动应用

我的未来我决定 提交于 2019-12-04 21:39:20
搭建Dreamweaver集成移动开发环境前需要了解移动Web开发。 移动Web开发 顾名思义用传统Web技术(Html,JavaScript)开发移动应用,有两种方法: 1、纯网页开发: 用户通过在浏览器中输入网址访问,利用HTML5技术可以做到离线存储、地理位置跟踪等,缺点无法访问终端本地API,如:摄像头、文件系统、手机联系人等。 2、基于Web的伪本地应用: Web程序被打包成本地应用安装在移动终端。比如生成Android的APK安装包,可以发布在各大Market市场。优点是理论上可以访问终端几乎所有API,但是需要移动中间件的支持。我们目前主要讨论这种开发方式,关注并研究移动中间件 PhoneGap 。 相关技术介绍 1、移动Web开发总体架构,按照程序执行顺序: 移动Web UI框架(Sencha Touch、jQuery Mobile等) -> 移动中间件(PhoneGap) -> 操作系统(Android、iOS、BlackBerry、Symbian、webOS)。 从左到右,表示程序执行过程中,框架所处的位置,PhoneGap处于页面和操作系统之间。 2、 Sencha Touch 支持平台相对不多 iPhone、Android和黑莓,但是功能强悍,可以简单看成Ext在移动设备的移植版本,如果你熟悉Ext框架会用起来非常顺手。像偶这样不喜欢写 div