tcy-modules
均支持AMD
源碼都在 src 文件夾里
check-img-square UIMediaScanner navMap appInstalled UIActionSelector
check-img-square
判斷圖片是否為正方形蔫劣，并返回圖片的一些信息(實際寬兵多、高)颂砸。
依賴模塊：無
checkImgSquare({params}, callback(ret))
params
url：
- 類型：字符串
- 默認(rèn)值：無
- 描述：圖片地址。例如：
- '../img/logo.png'
- 'http://www.apicloud.com/img/mobile/wx_logo.jpg'
- '/storage/emulated/0/UZMap/...'
side：
- 類型：JSON 對象
- 默認(rèn)值：無
- 描述：（可選項）如果圖片為正方形時萨西，將判斷是否符合指定高度。不傳則不判斷
- 內(nèi)部字段：
{
min: 100, // 數(shù)字類型偏序。單位：px像素题山。圖片最小高度，不傳則不判斷
max: 800 // 數(shù)字類型焊唬。單位：px像素艇搀。圖片最大高度，不傳則不判斷
}
callback(ret)
ret：
- 類型：JSON 對象
- 描述：回調(diào)
- 內(nèi)部字段：
{
status: true, // 布爾類型
height: "", // 數(shù)字類型求晶。圖片的真實高度
width: "", // 數(shù)字類型。圖片的真實寬度
code: "", // 數(shù)字類型衷笋。如果status為true,則不返回此字段
//錯誤碼：
// 2(缺少url參數(shù))
// 3(圖片不是正方形)
// 4(小于最小值)
// 5(大于最大值)
}
實例
checkImgSquare({
url: 'http://www.apicloud.com/img/mobile/wx_logo.jpg',
}, function(ret) {
console.log(JSON.stringify(ret));
});
// 圖片為正方形芳杏，且大于100，小于800
checkImgSquare({
url: '../img/149639839823668.jpg',
side: {
min: 100,
max: 800,
},
}, function(ret) {
console.log(JSON.stringify(ret));
});
UIMediaScanner
選取多張圖片辟宗。在原來的基礎(chǔ)上爵赵，做了處理，如果是ios則會調(diào)用transPath方法泊脐。
依賴模塊：UIMediaScanner
UIMediaScanner({params}, callback(ret))
params
默認(rèn)參數(shù)
{
type: 'picture',
column: 4,
classify: true,
max: 8,
sort: {
key: 'time',
order: 'desc'
},
texts: {
stateText: '已選擇*項',
cancelText: '取消',
finishText: '完成'
},
styles: {
bg: '#fff',
mark: {
icon: '',
position: 'bottom_right',
size: 26
},
nav: {
bg: '#f7f8f9',
stateColor: '#333',
stateSize: 17,
cancelBg: 'rgba(0,0,0,0)',
cancelColor: '#007aff',
cancelSize: 16,
finishBg: 'rgba(0,0,0,0)',
finishColor: '#007aff',
finishSize: 16
}
},
scrollToBottom: {
intervalTime: -1,
anim: true
},
exchange: true,
}
callback(ret)
參照文檔：http://docs.apicloud.com/Client-API/UI-Layout/UIMediaScanner#open
實例
UIMediaScanner({
max: 6,
}, function(ret) {
console.log(JSON.stringify(ret));
});
navMap
打開高德或百度地圖導(dǎo)航空幻。
依賴模塊：無
注意：iOS9中系統(tǒng)對檢測應(yīng)用是否安裝的方法做了限制，若想得到期望的結(jié)果容客，需要在config.xml里面配置可被檢測的URL Scheme秕铛。（例如：'<preference name="querySchemes" value="weixin,sinaweibo,iosamap,baidumap,mqq" />'）
navMap({params}, callback(ret))
params
appName：
- 類型：字符串
- 默認(rèn)值：高德地圖
- 描述：想要打開的地圖。'高德地圖' || '百度地圖'
destinationLat：
- 類型：JSON 對象
- 默認(rèn)值：無
- 描述：目的地的緯度
destinationLon
- 類型：JSON 對象
- 默認(rèn)值：無
- 描述：目的地的經(jīng)度
callback(ret)
ret：
- 類型：JSON 對象
- 描述：回調(diào)
- 內(nèi)部字段：
{
status: true, // 布爾類型
height: "", // 數(shù)字類型缩挑。圖片的真實高度
width: "", // 數(shù)字類型但两。圖片的真實寬度
code: "", // 數(shù)字類型。如果status為true,則不返回此字段
//錯誤碼：
// 3(未安裝高德地圖)
// 4(未安裝百度地圖)
// 5(兩個地圖都沒安裝)
}
實例
navMap({
appName: '高德地圖',
destinationLat: 35.79788697849975,
destinationLon: 114.56164458447934
}, function(ret) {
console.log(JSON.stringify(ret));
})
appInstalled
判斷是否已安裝某個app
依賴模塊：無
注意：iOS9中系統(tǒng)對檢測應(yīng)用是否安裝的方法做了限制供置，若想得到期望的結(jié)果谨湘，需要在config.xml里面配置可被檢測的URL Scheme。（例如：'<preference name="querySchemes" value="weixin,sinaweibo,iosamap,baidumap,mqq" />'）
appInstalled({params}, callback(ret))
params
ios：
- 類型：字符串
- 默認(rèn)值：無
- 描述：蘋果包名芥丧。例如高德地圖：'iosamap://'
android：
- 類型：JSON 對象
- 默認(rèn)值：無
- 描述：安卓包名紧阔。例如高德地圖：'com.autonavi.minimap'
callback(ret)
ret：
- 類型：JSON 對象
- 描述：回調(diào)
- 內(nèi)部字段：
{
installed: true, // 布爾類型。true為安裝续担，false為未安裝
}
實例
// 判斷是否已安裝高德地圖
appInstalled({
ios: 'iosamap://',
android: 'com.autonavi.minimap'
}, function(ret) {
if (ret.installed) {
// 已安裝
} else {
// 未安裝
}
});
UIActionSelector
三級選擇器
依賴模塊：UIActionSelector
UIActionSelector({params}, callback(ret))
params
默認(rèn)參數(shù)
{
datas: [],
animation: true,
fixedOn: api.frameName,
actives: [0, 0, 0],
layout: {
row: 7,
col: 3,
height: 30,
size: 12, // ios為：16
sizeActive: 14, // ios為：18
rowSpacing: 4,
colSpacing: 0,
maskBg: 'rgba(0,0,0,0.2)',
bg: '#fff',
color: '#aaa', // ios為：'#222'
colorSelected: '#3a3a3a' // ios為：'#000'
},
cancel: {
text: '取消',
size: 14,
w: 54, // ios為：50
h: 38, // ios為：42
bg: 'rgba(0,0,0,0.0)',
bgActive: 'rgba(0,0,0,0.0)',
color: 'rgb(8, 148, 236)',
colorActive: 'rgba(8, 148, 236, 0.5)'
},
ok: {
text: '完成',
size: 14,
w: 54, // ios為：50
h: 38, // ios為：42
bg: 'rgba(0,0,0,0.0)',
bgActive: 'rgba(0,0,0,0.0)',
color: 'rgb(8, 148, 236)',
colorActive: 'rgba(8, 148, 236, 0.5)'
},
title: {
text: '請選擇',
size: 16,
h: 38, // ios為：42
bg: '#eee',
color: '#666'
},
}
callback(ret)
參照文檔：http://docs.apicloud.com/Client-API/UI-Layout/UIActionSelector#1
實例
UIActionSelector({
datas: 'widget://res/city_data.json',
title: {
text: '',
},
}, function(ret, err) {
if (ret) {
alert(JSON.stringify(ret));
} else {
alert(JSON.stringify(err));
}
});
