didiShit-master
所属分类:界面编程
开发工具:Java
文件大小:512KB
下载次数:11
上传日期:2015-03-19 16:41:32
上 传 者:
kenvo
说明: 滴滴拉屎源码,主要是界面框架,地图等功能,稍做修改就可用于其他移动社交APP哦。很适合搭建android应用
(didishit source code, including UI, map,etc. You can easy to modify it for new APP.)
文件列表:
config.xml (1282, 2015-03-19)
css (0, 2015-03-19)
css\api.css (1570, 2015-03-19)
css\common.css (935, 2015-03-19)
css\fonts (0, 2015-03-19)
css\fonts\css (0, 2015-03-19)
css\fonts\css\font-awesome.min.css (23393, 2015-03-19)
css\fonts\fonts (0, 2015-03-19)
css\fonts\fonts\fontawesome-webfont.ttf (122092, 2015-03-19)
didi-android.png (5380, 2015-03-19)
didi-ios.png (4927, 2015-03-19)
html (0, 2015-03-19)
html\frm_dropping.html (4534, 2015-03-19)
html\frm_nav.html (4009, 2015-03-19)
html\frm_toilet.html (4041, 2015-03-19)
html\main.html (5400, 2015-03-19)
html\win_dropping.html (2782, 2015-03-19)
html\win_order.html (3614, 2015-03-19)
html\win_speak.html (3009, 2015-03-19)
html\win_toilet.html (1687, 2015-03-19)
icon (0, 2015-03-19)
icon\icon150x150.png (27290, 2015-03-19)
image (0, 2015-03-19)
image\fix (0, 2015-03-19)
image\fix\.svn (0, 2015-03-19)
image\fix\.svn\entries (1438, 2015-03-19)
image\fix\.svn\prop-base (0, 2015-03-19)
image\fix\.svn\prop-base\menu_icn_head.png.svn-base (53, 2015-03-19)
image\fix\.svn\prop-base\menu_icn_invitation.png.svn-base (53, 2015-03-19)
image\fix\.svn\prop-base\menu_icn_mall.png.svn-base (53, 2015-03-19)
image\fix\.svn\prop-base\menu_icn_message.png.svn-base (53, 2015-03-19)
image\fix\.svn\prop-base\menu_icn_order.png.svn-base (53, 2015-03-19)
image\fix\.svn\prop-base\menu_icn_setting.png.svn-base (53, 2015-03-19)
image\fix\.svn\prop-base\menu_icn_wallet.png.svn-base (53, 2015-03-19)
image\fix\.svn\text-base (0, 2015-03-19)
image\fix\.svn\text-base\menu_icn_head.png.svn-base (7067, 2015-03-19)
image\fix\.svn\text-base\menu_icn_invitation.png.svn-base (1654, 2015-03-19)
image\fix\.svn\text-base\menu_icn_mall.png.svn-base (1693, 2015-03-19)
... ...
#didiShit
网络最火的O2O应用,价值100亿美刀的滴滴拉屎APP源码。
相关新闻:[滴滴拉屎 逆天App未出先火](http://gd.sina.com.cn/4g/news/2015-03-13/16331346.html?qq-pf-to=pcqq.group)
本应用基于 [APICloud](http://www.apicloud.com/) 平台开发,本地运行及调试代码需要安装 [APICloud IDE](http://apicloud.com/dev),API 可参考
[相关开发文档](http://docs.apicloud.com/%E7%AB%AFAPI/api),自己修改后的代码,需要到 [APICloud](http://www.apicloud.com/signup) 平台注册,并按步骤完成云编译,才能生成安卓、iOS 双平台应用。
#开发准备
* 下载 [APICloud SDK](http://docs.apicloud.com/APICloud/download)
* 或单独下载 [APICloud IDE](http://apicloud.com/dev)
* [API 文档](http://docs.apicloud.com/%E7%AB%AFAPI/api)
#API 简介
简单介绍下本应用涉及的一些常用 API。
**APICloud 应用特色之一:支持多窗口(每个页面是独立的 webview),跟单页 webApp 对应**
结构关系:
APP > Window > Frame
**等待 api 对象加载完毕**
```js
apiready = function(){}
```
**打开全屏的 Window 窗口**
```js
api.openWin({
name: 'dropping', //窗口名字
animation: { //窗口切换动画
type: 'movein',
subType: 'from_right'
},
url: './html/win_dropping.html' //窗口url
});
```
**关闭 Window**
```js
api.closeWin()
```
**打开随意大小的 Frame 窗口**
```js
api.openFrame({
name: 'main', //子窗口名字
url: 'html/main.html', //子窗口url
bounces: false, //禁止窗口弹动效果
opaque: true, //不透明
bgColor: '#fff', //窗口背景
pageParam: { //窗口间传参数,打开的窗口用 api.pageParam.headerH 接收
headerH: headerPos.h
},
rect: { //窗口坐标,宽高
x: 0,
y: 0,
w: 'auto', //宽度自适应
h: 'auto' //高度自适应
}
});
```
**关闭 Frame**
```js
api.closeFrame()
```
**跨窗口执行脚本**
```js
api.execScript({
name: 'root', //主窗口名字
frameName: 'main', //子窗口名字
script: 'fun();' //要执行的方法名
});
```
**监听设备事件**
```js
api.addEventListener('keyback',function(){
//监听安卓 back 键
});
```
**设置 iOS 状态栏风格**
```js
api.setStatusBarStyle({
style: 'dark'
});
```
**toast效果**
```js
api.toast({
msg: '好吧,不聊了',
duration:1000,
location: 'middle'
});
```
**百度地图模块**
```js
var bMap = api.require('baiduMap');
bMap.open();
```
**语音识别模块**
```js
var obj = api.require('speechRecognizer');
obj.record();
```
**设备 iOS7+ 状态栏**
```js
$api.fixIos7Bar()
```
**减少300ms延迟,响应触摸时状态**
tapmode + onclick,tapmode 属性值为 CSS class 名
```html
```
#真机调试
打开 APICloud IDE,手机通过 USB 连接电脑,随便打开一个文件,`Ctrl + R`,iPhone 需要自己点击 `AppLoader` 打开应用,安卓会自动打开,可以看到代码在手机上的效果。
#修改代码
* 自己修改代码,需要[申请自己的 baidu Key](http://developer.baidu.com/map/)。
* 修改后的代码,需要打包成 `widget.zip`,里面包含一层 `/widget/` 目录,上传到[云端](http://apicloud.com/code),上传代码 -> 选择文件 -> 保存。
* 云端添加 `speechRecognizer` 模块。
* 云编译 -> 选择平台 -> 云编译
#APP二维码
[iOS 平台](https://github.com/jinlong/didiShit/blob/master/didi-ios.png)
[Android 平台](https://github.com/jinlong/didiShit/blob/master/didi-android.png)
近期下载者:
相关文件:
收藏者: