扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
用到了一个插件： image_picker ，但是在使用这个插件过程中发现部分安卓手机拍照会奔溃（PlatformException (PlatformException(already_active, Image picker is already active, null, null))）,就是运行官方的demo也是一样会报错，版本： 0.8.4+3 ，查了很多资料也没解决，也都尝试了。我们的需求只是拍照上传图片，你可以根据你的需求使用image_picker,他可以选择视频，照片等
十载的疏附网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网整合营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整疏附建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“疏附网站设计”,“疏附网站推广”以来，每个客户项目都认真落实执行。
iphone11相机为什么只能放大5倍？
程序鹅 
码龄5年
关注
在做扫码需求，往往会有放大镜头需求。
苹果提供了AVCaptureConnection中，videoScaleAndCropFactor：缩放裁剪系数,使用该属性，可以实现拉近拉远镜头。再结合手势UIPinchGestureRecognizer，就很简单实现手势拉近拉远镜头。
手势代码
///记录开始的缩放比例
@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
拉近拉远镜头代码
- (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
有一点需要注意：the videoScaleAndCropFactor property may be set to a value in the range of 1.0 to videoMaxScaleAndCropFactor，videoScaleAndCropFactor这个属性取值范围是1.0-videoMaxScaleAndCropFactor，如果你设置超出范围会崩溃哦！
iOS 模仿微信扫描二维码放大功能
我们知道，微信扫描二维码过程中，如果二维码图片焦距比较远，会拉近焦距，实现放大功能。这种效果如何该实现，用原生的API又是如何实现。本文简单尝试如何使用AVFoundation实现放大二维码图片。重点是如何定位二维码和放大二维码，前面介绍了 iOS 扫描二维码实现手势拉近拉远镜头 iOS 识别过程中描绘二维码边框 和iOS 识别过程中描绘二维码边框 ，我们可以很简单的实现二维码定位和放大。 ...
APP打开
Android代码-Flutter实现的二维码扫描。
flutter_mobile_vision Flutter implementation for Google Mobile Vision. Based on Google Mobile Vision
APP打开
扫描二维码研究总结（高仿微信扫一扫，轻松实现定制扫描界面）
在正文之前说点题外话，加上这篇我已经写了3篇博客了，其实我写博客的初衷不是想证明自己有多牛，并且我也只是从事安卓开发只有半年时间的小渣，但是不想成为大牛的渣不是好渣，所以我想通过博客把工作学习中遇到的问题进行研究总结，从而提高自己，与此同时如果能给广大从事安卓开发的朋友们提供帮助或者是提供一点点思路我也是很心满意足了！~~好了，废话不多少进入正题吧！ 先上界面图。由于目前不会录屏，所以直接上截图...
APP打开
ios 扫描二维码实现自动放大和手势双击放
Mui只是UI框架，如果你需要调用原生功能，比如相机，gps等等，你需要native.js的帮助。
native.js就如同js和原生之间的桥梁，通过调用native.js的api，可以实现你说的功能。
关于native.js的使用请参照：Native入门文档
如果非必需使用Hybrid的方式的开发应用，那么建议使用混合或者原生开发的方式，会更加方便，应用运行效率更高。比较流行的混合开发框架有：React Native, Flutter
没有引用极光推送包 之前得权限：
-访问网络
-修改/删除SDK卡中的内容
-拍照
-控制震动器
-查看网络状态
-查看WLANK状态
-读取手机状态和身份【去掉 tx_device_id 包 该权限没有 】
极光推送包引入后 手机权限多了以下这些：
-修改全局系统设置
-装载和卸载文件系统
-显示系统及警报
-大概位置
-更改WLAN状态
-精准的(GPS)位置
-访问额外的位置信息提供程序命令
-更改网络连接性
-检索当前运行的应用程序
Notice to Visitors
1. 文明游玩,遵守秩序,设有禁止标志的地方,严禁游船驶入。
Enjoy your boat ride by observing public order. Do not enter area with a “No entrance” sign.
2. 为了您的安全,必须在工作人员的指导下,船进码头停稳后才能上、下船。上船必须穿好救生衣，每人按实载人数配齐救生衣，若有遗失或者损坏，按每件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.保护湖区生态环境，不得向湖内乱丢杂物，严禁下湖游泳，严禁上岛和损坏岛上花草树木，不得蓄意惊扰伤害鸟类，若有违反罚款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.儿童必须在成人监护下方能上船，行动不便，身体不适不要上船；严禁酒后和携带酒划船。
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.在船开动时不要站立，走动或打闹、嬉戏，不得用船追逐，牵引，碰撞，摇晃，勿在船头、船尾等危险处拍照。乘船时切记头、手、脚不要伸出船外。
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.乘船时注意，包管好随身物品。
Take good care of your personal belongings.
游客投诉电话： Complaint telephone:
价格投诉电话: Prices complaint telephone:
求救电话: Emergency telephone:
水上娱乐中心 Water Sports Amusement Center
跨终端移动开发是近期准备总结的一个主题，作为这一系列的开始，首先简单说说基于WebView的Hybrid混合开发模式。
有过混合应用开发经验的同学，对基于WebView的Hybrid开发模式应该不会陌生。借助于原生端各平台的WebView组件，可以实现Native和JavaScript的双向通信，从而将Web App与Mobile App融合起来，开启混合开发的新模式。
基于WebView的Hybrid开发模式到如今已经非常成熟，不再是一个实验性新技术，而是广泛应用在各大厂商的平台型应用如微信、手Q中。
JSBridge作为连接Native和JavaScript的桥梁，是基于WebView的Hybrid开发模式中的关键点。
在了解其通信原理后，再来看JSBridge究竟是什么。从前端角度来看，可能会把JSBridge理解为业务开发过程中，以全局变量注入到WebView中，帮助调用原生API的JavaScript工具库。这样的理解不够准确，按照我的理解，JSBridge不是一个标准的规范，基于原生系统为WebView组件提供的能力，已经可以建立起WebView JavaScript bridge，即使不再做更高程度的封装，也可以完成从Native到JavaScript的双向通信了。
我们所说的JSBridge，是对底层通道的抽象封装，这一过程包括了原生和JavaScript两侧内容，在原生端需要考虑系统API差异，对上层调用提供统一接口，在JavaScript端需要考虑调用方式，请求管理等内容。JSBridge的设计实现已经是成熟技术了，其设计可以参考 In-depth Profiling of JSBridge 、 Hybrid APP架构设计思路 ，一个安卓端完整JSBridge实现可以参考 JsBridge实现 。
目前，基于WebView的Hybrid开发模式非常成熟，广泛应用于各类平台型App中。实现一个完善的JSBridge是在现有App中集成使用Hybrid开发模式的基础，在完成这一基础设施建设后，大家继续在各个方向深挖，在不同的维度不断优化性能和体验。
多数App的Hybrid部分做到上面部分，已经有了还不错的体验。在我的了解中，空间团队在上面基础上继续优化给出的是当前做的更好的方案。其主要流程如下图所示，详细内容可以参考 QQ空间前端工程师如何做首屏优化
除了在现有App中集成使用这一开发模式，还可以使用这一技术开发独立App。早期的PhoneGap、Cordova、现在的Ionic，是这一领域较为知名的开发框架。
我司前端技术栈曾以Angular为主，一些App也由前端团队基于Angular技术栈选型Ionic。初入团队曾维护过基于Angular 1.x的Ionic App，用于我司投资顾问服务客户的以IM为主、综合一些其他业务，可以算一个比较复杂的应用。
前端技术背景的同学，采用Ionic框架开发App的学习成本不高。开发过程中仍在沿用前端技术，写的仍是Web App,跑在原生WebView容器中。采用Ionic提供的组件库，可以快速搭建项目界面。其扩展原生的机制也比较方便，如有原生能力的需求，并且没有现成实现的，可以自行封装使用，不过这个过程就需要原生开发同学的参与了。在我们的上述App开发中，主要是安卓端消息推送模块由原生开发同学提供了支持，其余对原生能力的需求如拍照、相册访问等常见需求，都有现成方案。
然而，采用Ionic完成上述应用，也有明显不足的地方。首先是聊天列表方面，我们知道，如微信和QQ聊天窗口，这是一个异构的无限滚动长列表，在进入聊天界面时，一般只加载最近的一屏聊天数据，然后通过滚动加载历史消息。在原生端完成这一需求有各种常见手段，而仅靠Web端技术，在各种折腾后，效果都不尽如人意。其次是动画，这里的动画包括了换页动画和其他动画，流畅程度一般。最后是前端开发通病，要处理浏览器兼容性问题，crosswalk只是一个理论解决方案，其体积限制了几乎不会被采用。
Ionic不断迭代，新的版本中依赖新的Angular。新的Angular与Angular 1.x开发体验已经完全不同，如果你还不了解，可以阅读我们团队书籍 揭秘Angular 2 。新的Ionic的开发体验，相比以往也有提升，在其工具链中，提供了拖拽式项目生成工具
同时，Ionic pro提供的开发者工具，为应用整个生命周期提供了完善的支持平台，包括了以下功能，不过，使用需要付费。
站在当下来看，对于前端技术背景开发者来说，如果已有Angular基础，不希望引入过高学习成本，需要快速开发一个复杂程度不算太高、或者对应用性能不是特别敏感的跨终端App，选择Ionic依然是一个可行方案。
然而，既然你已经身在前端领域这样一个技术更迭日新月异的圈子里，还是应该使劲的折腾，关注跨端开发这个主题新的技术热点，接下来我也会继续谈谈在NativeScript、React Native、Flutter的一些体验，可以保持关注。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网