用到了一個(gè)插件： image_picker ，但是在使用這個(gè)插件過程中發(fā)現(xiàn)部分安卓手機(jī)拍照會(huì)奔潰（PlatformException (PlatformException(already_active, Image picker is already active, null, null))）,就是運(yùn)行官方的demo也是一樣會(huì)報(bào)錯(cuò)，版本： 0.8.4+3 ，查了很多資料也沒解決，也都嘗試了。我們的需求只是拍照上傳圖片，你可以根據(jù)你的需求使用image_picker,他可以選擇視頻，照片等
十載的疏附網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。全網(wǎng)整合營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整疏附建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“疏附網(wǎng)站設(shè)計(jì)”,“疏附網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
iphone11相機(jī)為什么只能放大5倍？?
程序鵝 ?
碼齡5年
關(guān)注
在做掃碼需求，往往會(huì)有放大鏡頭需求。
蘋果提供了AVCaptureConnection中，videoScaleAndCropFactor：縮放裁剪系數(shù),使用該屬性，可以實(shí)現(xiàn)拉近拉遠(yuǎn)鏡頭。再結(jié)合手勢(shì)UIPinchGestureRecognizer，就很簡(jiǎn)單實(shí)現(xiàn)手勢(shì)拉近拉遠(yuǎn)鏡頭。
手勢(shì)代碼
///記錄開始的縮放比例
@property(nonatomic,assign)CGFloat beginGestureScale;
///最后的縮放比例
@property(nonatomic,assign)CGFloat effectiveScale;
- (void)cameraInitOver
{
if (self.isVideoZoom) {
UIPinchGestureRecognizer *pinch = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinchDetected:)];
pinch.delegate = self;
[self.view addGestureRecognizer:pinch];
}
}
- (void)pinchDetected:(UIPinchGestureRecognizer*)recogniser
{
self.effectiveScale = self.beginGestureScale * recogniser.scale;
if (self.effectiveScale 1.0){
self.effectiveScale = 1.0;
}
[self.scanObj setVideoScale:self.effectiveScale];
}
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer
{
if ( [gestureRecognizer isKindOfClass:[UIPinchGestureRecognizer class]] ) {
_beginGestureScale = _effectiveScale;
}
return YES;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
拉近拉遠(yuǎn)鏡頭代碼
- (void)setVideoScale:(CGFloat)scale
{
[_input.device lockForConfiguration:nil];
AVCaptureConnection *videoConnection = [self connectionWithMediaType:AVMediaTypeVideo fromConnections:[[self stillImageOutput] connections]];
CGFloat maxScaleAndCropFactor = ([[self.stillImageOutput connectionWithMediaType:AVMediaTypeVideo] videoMaxScaleAndCropFactor])/16;
if (scale maxScaleAndCropFactor)
scale = maxScaleAndCropFactor;
CGFloat zoom = scale / videoConnection.videoScaleAndCropFactor;
videoConnection.videoScaleAndCropFactor = scale;
[_input.device unlockForConfiguration];
CGAffineTransform transform = _videoPreView.transform;
[CATransaction begin];
[CATransaction setAnimationDuration:.025];
_videoPreView.transform = CGAffineTransformScale(transform, zoom, zoom);
[CATransaction commit];
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
有一點(diǎn)需要注意：the videoScaleAndCropFactor property may be set to a value in the range of 1.0 to videoMaxScaleAndCropFactor，videoScaleAndCropFactor這個(gè)屬性取值范圍是1.0-videoMaxScaleAndCropFactor，如果你設(shè)置超出范圍會(huì)崩潰哦！
iOS 模仿微信掃描二維碼放大功能
我們知道，微信掃描二維碼過程中，如果二維碼圖片焦距比較遠(yuǎn)，會(huì)拉近焦距，實(shí)現(xiàn)放大功能。這種效果如何該實(shí)現(xiàn)，用原生的API又是如何實(shí)現(xiàn)。本文簡(jiǎn)單嘗試如何使用AVFoundation實(shí)現(xiàn)放大二維碼圖片。重點(diǎn)是如何定位二維碼和放大二維碼，前面介紹了 iOS 掃描二維碼實(shí)現(xiàn)手勢(shì)拉近拉遠(yuǎn)鏡頭 iOS 識(shí)別過程中描繪二維碼邊框 和iOS 識(shí)別過程中描繪二維碼邊框 ，我們可以很簡(jiǎn)單的實(shí)現(xiàn)二維碼定位和放大。 ...
APP打開
Android代碼-Flutter實(shí)現(xiàn)的二維碼掃描。
flutter_mobile_vision Flutter implementation for Google Mobile Vision. Based on Google Mobile Vision
APP打開
掃描二維碼研究總結(jié)（高仿微信掃一掃，輕松實(shí)現(xiàn)定制掃描界面）
在正文之前說點(diǎn)題外話，加上這篇我已經(jīng)寫了3篇博客了，其實(shí)我寫博客的初衷不是想證明自己有多牛，并且我也只是從事安卓開發(fā)只有半年時(shí)間的小渣，但是不想成為大牛的渣不是好渣，所以我想通過博客把工作學(xué)習(xí)中遇到的問題進(jìn)行研究總結(jié)，從而提高自己，與此同時(shí)如果能給廣大從事安卓開發(fā)的朋友們提供幫助或者是提供一點(diǎn)點(diǎn)思路我也是很心滿意足了！~~好了，廢話不多少進(jìn)入正題吧！ 先上界面圖。由于目前不會(huì)錄屏，所以直接上截圖...
APP打開
ios 掃描二維碼實(shí)現(xiàn)自動(dòng)放大和手勢(shì)雙擊放
Mui只是UI框架，如果你需要調(diào)用原生功能，比如相機(jī)，gps等等，你需要native.js的幫助。
native.js就如同js和原生之間的橋梁，通過調(diào)用native.js的api，可以實(shí)現(xiàn)你說的功能。
關(guān)于native.js的使用請(qǐng)參照：Native入門文檔
如果非必需使用Hybrid的方式的開發(fā)應(yīng)用，那么建議使用混合或者原生開發(fā)的方式，會(huì)更加方便，應(yīng)用運(yùn)行效率更高。比較流行的混合開發(fā)框架有：React Native, Flutter
沒有引用極光推送包 之前得權(quán)限：
-訪問網(wǎng)絡(luò)
-修改/刪除SDK卡中的內(nèi)容
-拍照
-控制震動(dòng)器
-查看網(wǎng)絡(luò)狀態(tài)
-查看WLANK狀態(tài)
-讀取手機(jī)狀態(tài)和身份【去掉 tx_device_id 包 該權(quán)限沒有 】
極光推送包引入后 手機(jī)權(quán)限多了以下這些：
-修改全局系統(tǒng)設(shè)置
-裝載和卸載文件系統(tǒng)
-顯示系統(tǒng)及警報(bào)
-大概位置
-更改WLAN狀態(tài)
-精準(zhǔn)的(GPS)位置
-訪問額外的位置信息提供程序命令
-更改網(wǎng)絡(luò)連接性
-檢索當(dāng)前運(yùn)行的應(yīng)用程序
Notice to Visitors
1. 文明游玩,遵守秩序,設(shè)有禁止標(biāo)志的地方,嚴(yán)禁游船駛?cè)搿?/p>
Enjoy your boat ride by observing public order. Do not enter area with a “No entrance” sign.
2. 為了您的安全,必須在工作人員的指導(dǎo)下,船進(jìn)碼頭停穩(wěn)后才能上、下船。上船必須穿好救生衣，每人按實(shí)載人數(shù)配齊救生衣，若有遺失或者損壞，按每件50元 賠償。
For your safety sake, please follow instructions and only embark and disembark after the boat is securely anchored at the wharf. Everyone will be assigned one life jacket, and must be worn whenever on board;
50 Yuan shall be compensated for every jacket lost or damaged.
3.保護(hù)湖區(qū)生態(tài)環(huán)境，不得向湖內(nèi)亂丟雜物，嚴(yán)禁下湖游泳，嚴(yán)禁上島和損壞島上花草樹木，不得蓄意驚擾傷害鳥類，若有違反罰款50-200元。
Protect the ecological environment of the lake; do not litter the lake, swimming in the lake is strictly prohibited. Do not set foot on the island and damage the plants and trees; do not disturb or hurt the birds. Infringement of the above by anyone shall be subject to a fine of 50 to 200 Yuan.
4.游船不得超載，禁止在碼頭以外的地方上、下船，若有違反罰款10-100元。
Do not overload the boat; Except at the wharf, embark or disembark at other places are prohibited. Any infringement shall be fined 10 to 100 Yuan.
5.兒童必須在成人監(jiān)護(hù)下方能上船，行動(dòng)不便，身體不適不要上船；嚴(yán)禁酒后和攜帶酒劃船。
Children must be accompanied by adults to board the boat. Do not board the boat if you are indisposed or physically handicapped; those under the influence of alcohol and liquor are not allowed on board.
6.在船開動(dòng)時(shí)不要站立，走動(dòng)或打鬧、嬉戲，不得用船追逐，牽引，碰撞，搖晃，勿在船頭、船尾等危險(xiǎn)處拍照。乘船時(shí)切記頭、手、腳不要伸出船外。
Do not stand up, walk and play around when the boat is in motion; racing, towing, colliding, rocking are prohibited. Do not take pictures at both ends of the boat. Do not extend your head, arms and legs outside the boat.
7.乘船時(shí)注意，包管好隨身物品。
Take good care of your personal belongings.
游客投訴電話： Complaint telephone:
價(jià)格投訴電話: Prices complaint telephone:
求救電話: Emergency telephone:
水上娛樂中心 Water Sports Amusement Center
跨終端移動(dòng)開發(fā)是近期準(zhǔn)備總結(jié)的一個(gè)主題，作為這一系列的開始，首先簡(jiǎn)單說說基于WebView的Hybrid混合開發(fā)模式。
有過混合應(yīng)用開發(fā)經(jīng)驗(yàn)的同學(xué)，對(duì)基于WebView的Hybrid開發(fā)模式應(yīng)該不會(huì)陌生。借助于原生端各平臺(tái)的WebView組件，可以實(shí)現(xiàn)Native和JavaScript的雙向通信，從而將Web App與Mobile App融合起來，開啟混合開發(fā)的新模式。
基于WebView的Hybrid開發(fā)模式到如今已經(jīng)非常成熟，不再是一個(gè)實(shí)驗(yàn)性新技術(shù)，而是廣泛應(yīng)用在各大廠商的平臺(tái)型應(yīng)用如微信、手Q中。
JSBridge作為連接Native和JavaScript的橋梁，是基于WebView的Hybrid開發(fā)模式中的關(guān)鍵點(diǎn)。
在了解其通信原理后，再來看JSBridge究竟是什么。從前端角度來看，可能會(huì)把JSBridge理解為業(yè)務(wù)開發(fā)過程中，以全局變量注入到WebView中，幫助調(diào)用原生API的JavaScript工具庫(kù)。這樣的理解不夠準(zhǔn)確，按照我的理解，JSBridge不是一個(gè)標(biāo)準(zhǔn)的規(guī)范，基于原生系統(tǒng)為WebView組件提供的能力，已經(jīng)可以建立起WebView JavaScript bridge，即使不再做更高程度的封裝，也可以完成從Native到JavaScript的雙向通信了。
我們所說的JSBridge，是對(duì)底層通道的抽象封裝，這一過程包括了原生和JavaScript兩側(cè)內(nèi)容，在原生端需要考慮系統(tǒng)API差異，對(duì)上層調(diào)用提供統(tǒng)一接口，在JavaScript端需要考慮調(diào)用方式，請(qǐng)求管理等內(nèi)容。JSBridge的設(shè)計(jì)實(shí)現(xiàn)已經(jīng)是成熟技術(shù)了，其設(shè)計(jì)可以參考 In-depth Profiling of JSBridge 、 Hybrid APP架構(gòu)設(shè)計(jì)思路 ，一個(gè)安卓端完整JSBridge實(shí)現(xiàn)可以參考 JsBridge實(shí)現(xiàn) 。
目前，基于WebView的Hybrid開發(fā)模式非常成熟，廣泛應(yīng)用于各類平臺(tái)型App中。實(shí)現(xiàn)一個(gè)完善的JSBridge是在現(xiàn)有App中集成使用Hybrid開發(fā)模式的基礎(chǔ)，在完成這一基礎(chǔ)設(shè)施建設(shè)后，大家繼續(xù)在各個(gè)方向深挖，在不同的維度不斷優(yōu)化性能和體驗(yàn)。
多數(shù)App的Hybrid部分做到上面部分，已經(jīng)有了還不錯(cuò)的體驗(yàn)。在我的了解中，空間團(tuán)隊(duì)在上面基礎(chǔ)上繼續(xù)優(yōu)化給出的是當(dāng)前做的更好的方案。其主要流程如下圖所示，詳細(xì)內(nèi)容可以參考 QQ空間前端工程師如何做首屏優(yōu)化
除了在現(xiàn)有App中集成使用這一開發(fā)模式，還可以使用這一技術(shù)開發(fā)獨(dú)立App。早期的PhoneGap、Cordova、現(xiàn)在的Ionic，是這一領(lǐng)域較為知名的開發(fā)框架。
我司前端技術(shù)棧曾以Angular為主，一些App也由前端團(tuán)隊(duì)基于Angular技術(shù)棧選型Ionic。初入團(tuán)隊(duì)曾維護(hù)過基于Angular 1.x的Ionic App，用于我司投資顧問服務(wù)客戶的以IM為主、綜合一些其他業(yè)務(wù)，可以算一個(gè)比較復(fù)雜的應(yīng)用。
前端技術(shù)背景的同學(xué)，采用Ionic框架開發(fā)App的學(xué)習(xí)成本不高。開發(fā)過程中仍在沿用前端技術(shù)，寫的仍是Web App,跑在原生WebView容器中。采用Ionic提供的組件庫(kù)，可以快速搭建項(xiàng)目界面。其擴(kuò)展原生的機(jī)制也比較方便，如有原生能力的需求，并且沒有現(xiàn)成實(shí)現(xiàn)的，可以自行封裝使用，不過這個(gè)過程就需要原生開發(fā)同學(xué)的參與了。在我們的上述App開發(fā)中，主要是安卓端消息推送模塊由原生開發(fā)同學(xué)提供了支持，其余對(duì)原生能力的需求如拍照、相冊(cè)訪問等常見需求，都有現(xiàn)成方案。
然而，采用Ionic完成上述應(yīng)用，也有明顯不足的地方。首先是聊天列表方面，我們知道，如微信和QQ聊天窗口，這是一個(gè)異構(gòu)的無限滾動(dòng)長(zhǎng)列表，在進(jìn)入聊天界面時(shí)，一般只加載最近的一屏聊天數(shù)據(jù)，然后通過滾動(dòng)加載歷史消息。在原生端完成這一需求有各種常見手段，而僅靠Web端技術(shù)，在各種折騰后，效果都不盡如人意。其次是動(dòng)畫，這里的動(dòng)畫包括了換頁(yè)動(dòng)畫和其他動(dòng)畫，流暢程度一般。最后是前端開發(fā)通病，要處理瀏覽器兼容性問題，crosswalk只是一個(gè)理論解決方案，其體積限制了幾乎不會(huì)被采用。
Ionic不斷迭代，新的版本中依賴新的Angular。新的Angular與Angular 1.x開發(fā)體驗(yàn)已經(jīng)完全不同，如果你還不了解，可以閱讀我們團(tuán)隊(duì)書籍 揭秘Angular 2 。新的Ionic的開發(fā)體驗(yàn)，相比以往也有提升，在其工具鏈中，提供了拖拽式項(xiàng)目生成工具
同時(shí)，Ionic pro提供的開發(fā)者工具，為應(yīng)用整個(gè)生命周期提供了完善的支持平臺(tái)，包括了以下功能，不過，使用需要付費(fèi)。
站在當(dāng)下來看，對(duì)于前端技術(shù)背景開發(fā)者來說，如果已有Angular基礎(chǔ)，不希望引入過高學(xué)習(xí)成本，需要快速開發(fā)一個(gè)復(fù)雜程度不算太高、或者對(duì)應(yīng)用性能不是特別敏感的跨終端App，選擇Ionic依然是一個(gè)可行方案。
然而，既然你已經(jīng)身在前端領(lǐng)域這樣一個(gè)技術(shù)更迭日新月異的圈子里，還是應(yīng)該使勁的折騰，關(guān)注跨端開發(fā)這個(gè)主題新的技術(shù)熱點(diǎn)，接下來我也會(huì)繼續(xù)談?wù)勗贜ativeScript、React Native、Flutter的一些體驗(yàn)，可以保持關(guān)注。
重慶分公司
重慶分公司
