【WP 8.1开发】如何处理摄像头翻转的问题

模拟器就像我们儿时的梦境,在其上运行应用程序时,一切总是那么美好的;而真机测试如同我们这个纷乱无章的现实世界,你会遇到各种小人和畜生,常常会遭受莫名的挫折。面对挫折,有人迎难而上,或不予理采,走自己的路;有的人则打退堂鼓。

面对摄像头翻转的问题,有些人也会选择逃避。我为什么不喜欢现在的某些程序员,就是因为这些人只会逃避和制造问题,遇到问题不是去寻找解决方案,而是坐在那里喊爹骂娘。虽然不可能所有问题都可以解决,但是,有许多问题是可以解决的,而这些人总心浮气躁,不愿意静下心来好好思考。

N+6年前我曾经读过一本好书,名叫《方法总比问题多》,捧着这个心念,我认为摄像头翻转的问题是可以解决的。

通常,我们很少会调用前置摄像头,多数情况下用到的是后置摄像头。当然了,解决方法是类似的,因此,为了简单易懂,本文我就以后置摄像头为例,分享一下我的解决方案,如果你有更好的方法,也不妨让大伙儿一起参考参考。

一般而言,真机上的摄像头是与手机横放时的角度一致,即偏了90度(手机逆时针旋转)。

也就是说,当手机逆时针旋转90度后,机器的方向就与摄像头一致了。针对这一情况,我们只要能做到一件事,那就可以解决摄像头翻转的问题了。

锁定页面的方向,即当手机方向改变时,禁止页面跟着旋转就可以了。

此处以Silverlight框架为例,Runtime App比较好办,直接在清单文件中把屏幕方向强制为横向即可。但Silverlight程序就需要一些步骤。

1、设置页面的SupportedOrientations="Landscape",Orientation="LandscapeLeft",如下面XAML所示。

<phone:PhoneApplicationPage
    x:Class="AppCamera.MainPage"
    ……
    SupportedOrientations="Landscape" Orientation="LandscapeLeft"
    shell:SystemTray.IsVisible="False">
……

这样做就把页面所支持的方向限制为横向,页面的默认方向也改为LandscapeLeft,即手机逆时针旋转90,如果是LandscapeRight,v那就是手机逆时针旋转270度。

2、光是把页面强制为横向还不行,因为横向有两个方向——90度和270度,当手机转动90度后,其方向正好与摄像头吻合,但是,一旦手机旋转270度后,就正好与摄像头的方向相反,即转了180度,这时候,你在手机屏幕上看到的摄像预览是倒过来的,而拍出来的照片当然也是倒立的,关于保存照片的问题,稍后再说。

因此,我们必须想办法,阻止页面更改方向,正好,页面类有一个虚方法叫OnOrientationChanged,当页面的方向发生改变后,会调用该方法。我们只要重写这个方法,并且不要加入任何代码,就能阻止页面基类调用该方法,也就达到了阻止页面改变方向了,“搜狐拍客”就是用这种方法来解决翻转问题的。

        protected override void OnOrientationChanged ( OrientationChangedEventArgs e )
        {
            // 把下面的代码注释掉,页面的方向就会锁定
            //base.OnOrientationChanged(e);
        }

注意。base.OnOrientationChanged(e);这行代码必须去掉,不然基类会调用

3、通过上述步骤,是解决了摄像头预览翻转的问题,但又引出另一个新问题:如果屏幕方向与摄像头的方向不一致,那么拍照出来的照片也会反过来的。这个问题就必须在图像文件上做功夫了,也就是把图像的方向调整过来再保存。

我的示例是使用MediaCapture类来拍摄的,拍到的图片是直接保存到文件或流中了,那我们如何修改图片呢?

在Windows.Graphics.Imaging命名空间下,BitmapDecoder类可以用来对图像进行解码,并可以提取图像的像素数据;BitmapEncoder类可以对图像的像素数据进行编码为图像文件。

对,我们就是利用这两个类,先将摄像头拍到的照片解码,然后利用旋转变换来修改图像的方向,最后将修改后的图像重新编码就可以了。至于要把图像向哪个方向旋转,大家不妨自己试一试,对比一下就能知道了。

以下是参考代码:

        #region 图像解码与编码

        async Task EncodeImage ( IRandomAccessStream inStream, IRandomAccessStream outStream )
        {
            Guid jpegIDen = BitmapEncoder.JpegEncoderId; //编码器ID
            Guid jpegIDde = BitmapDecoder.JpegDecoderId; //获取解码器ID
            BitmapDecoder decoder = await BitmapDecoder.CreateAsync(jpegIDde, inStream);

            byte[] buffer= ( await decoder.GetPixelDataAsync()).DetachPixelData();

            BitmapEncoder encoder = await BitmapEncoder.CreateAsync(jpegIDen, outStream);
            // 判断手机方向,以改变图像方向
            var ort = ortsensor.GetCurrentOrientation();
            switch (ort)
            {
                case SimpleOrientation.NotRotated:
                    encoder.BitmapTransform.Rotation = BitmapRotation.Clockwise90Degrees;
                    break;
                case SimpleOrientation.Rotated180DegreesCounterclockwise:
                    encoder.BitmapTransform.Rotation = BitmapRotation.Clockwise270Degrees;
                    break;
                case SimpleOrientation.Rotated270DegreesCounterclockwise:
                    encoder.BitmapTransform.Rotation = BitmapRotation.Clockwise180Degrees;
                    break;
                case SimpleOrientation.Rotated90DegreesCounterclockwise:
                    encoder.BitmapTransform.Rotation = BitmapRotation.None;
                    break;
            }
            // 设置像素数据
            encoder.SetPixelData(BitmapPixelFormat.Bgra8, BitmapAlphaMode.Straight, decoder.PixelWidth, decoder.PixelHeight, decoder.DpiX, decoder.DpiY, buffer);
            await encoder.FlushAsync();
        }
        #endregion

由于在确认图像旋转方向前,我们必须知道手机的当前方向。比较简单的方法是直接访问Windows.Graphics.Display.DisplayProperties类的CurrentOrientation属性,不过这个类在新版本中可能会被删除,所以我就不用这个方法。我于是选用了一个稍稍复杂点的方法——使用方向传感器。这种方法有点装逼,不过正好我们可以发挥一下传感器的用处,其实屏幕方向也是通过方向(重力)传感器来识别的。

为了让开发者可以轻松识别出手机的几个特殊方向,以SimpleOrientation枚举定义了几个比较通用的方向。这些值的含义如下表所示。

对应地,在Windows.Devices.Sensors命名空间下,有一个SimpleOrientationSensor类,它表示方向传感器,它可以提供上表所示的几个特殊方向的值的实时报告,这样我们就不用自己来计算坐标值了。

声明SimpleOrientationSensor实例,处理OrientationChanged事件。

            if (ortsensor == null)
            {
                ortsensor = SimpleOrientationSensor.GetDefault();
            }
     ……
ortsensor.OrientationChanged += ortsensor_OrientationChanged;

..............

        void ortsensor_OrientationChanged ( SimpleOrientationSensor sender, SimpleOrientationSensorOrientationChangedEventArgs args )
        {
            // 根据方向旋转拍摄图标
            var o = args.Orientation;
            System.Diagnostics.Debug.WriteLine("方向:{0}", o);
            Dispatcher.BeginInvoke(() =>
                {
                    UpdateOrientation(o);
                });
        }

在上面对图像进行编码的代码中,是通过SimpleOrientationSensor对象的GetCurrentOrientation方法来获取手机当前所处的方向,进而判断出图像应该旋转的方向。

            switch (ort)
            {
                case SimpleOrientation.NotRotated:
                    encoder.BitmapTransform.Rotation = BitmapRotation.Clockwise90Degrees;
                    break;
                case SimpleOrientation.Rotated180DegreesCounterclockwise:
                    encoder.BitmapTransform.Rotation = BitmapRotation.Clockwise270Degrees;
                    break;
                case SimpleOrientation.Rotated270DegreesCounterclockwise:
                    encoder.BitmapTransform.Rotation = BitmapRotation.Clockwise180Degrees;
                    break;
                case SimpleOrientation.Rotated90DegreesCounterclockwise:
                    encoder.BitmapTransform.Rotation = BitmapRotation.None;
                    break;
            }

好了,经过以上几个步骤,摄像头翻转的问题可以得到解决了。

下面是示例下载地址,和上一篇文章中的示例一样,我只是做了一些修改。

http://files.cnblogs.com/tcjiaan/AppCamera.zip

时间: 2024-11-06 16:04:15

【WP 8.1开发】如何处理摄像头翻转的问题的相关文章

【WP 8.1开发】解决摄像头翻转问题(RuntimeApp篇)

昨天,我非常马虎地给大家说了有关处理物理摄像头翻转的话题,今天,还是这个话题,而且内容不差,只是为了完整性,顺便也提供了运行时API的版本,其实实现起来与SL框架版本差不多,毕竟这两个框架都有不少API是共享的. 首先,打开清单文件,在“应用程序”选项卡上,把“支持的旋转”右面的横向选上,其他的不要选,只选横向. 然后切换到“功能”选项卡,把 网络摄像机 和 图片库 勾上,因为我们要用到它们. 同样,使用MediaCapture类时要注意,在应用程序挂起时把它释放掉,而在应用程序启动或继续运行时

【WP 8.1开发】推送通知测试服务端程序

所谓推送通知,用老爷爷都能听懂的话说,就是: 1.我的服务器将通知内容发送到微软的通知服务器,再由通知服务器帮我转发消息. 2.那么,微软的推送服务器是如何知道我的服务器要发消息给哪台手机呢?手机客户端应用程序在创建推送通道时,微软的通知服务器会为手机分配一个URL,我的服务器只要知道这个URL就可以向指定的手机发送消息.所以,手机客户端必须通过网络把获取到的手机URL发给我的服务器,方法很多,如使用Socket.HTTP提交.Web服务.WCF等都可以. 要测试推送通知,可以通过WP 8.1的

【WP 8.1开发】自定义(RAW)通知的使用

继续前面的话题,还是推送通知.上一篇文章中遗留了RAW通知的推送没有给各位演示,特特地留到现在,不为别的,只为这个RAW通知有点意思,玩起来会比较有意思.官方文档将RAW通知译为“原始通知”,这里还是沿用官方的翻译. 在开始吹牛之前,先说一说与推送通知相关的要点. 有人说,如果我有22222222个客户端,岂不是都要获取每个手机客户端的通道URL来推送吗?是的.于是有人想到了所谓的“极光推送”,忽悠人的,“极光”显然偷换了概念.我们得明确,在什么情况下才会考虑使用推送. 推送好比服务器与手机客户

【WP 8.1开发】手机客户端应用接收推送通知

上一篇文章中,已经完成了用于发送通知的服务器端,接下来我们就用这个服务端来测试一下. 在开始测试之前,我们要做一个接收通知的WP应用. 1.启动VS Express for Windows,新建项目,在项目模板中选择“空白应用程序(Windows Phone)”. 2.既然要接收通知,肯定少不了Toast.磁贴这几样常用的通知的,故我们得先准备一些图片. 在“解决方案资源管理器”中,双击打开清单文件,切换到“可见资产”选项卡,这个“资产”指的不你的银行卡存款有多少,而是你的应用中的一些如图片.音

【WP 8.1开发】How to 图像处理

在今天的吹牛节目开始之前,先交代一件事: 关于玩WP 8.1开发所使用的VS版本问题.对版本的要求是2013的Update2,这是最低要求,只要是这个版本或以上都可以,而update3,update4,update5是不是必须更新呢?不是的,VS的update是可选的,而且每个update都会累积,所以,update越多,安装包的体积越大.因此,WP开发我们只需update2就行了,我用的也是u2.如果你觉得MSDN原版不好下,可以从下面的地址下,我已经把相关的.iso上传到115.这里面是旗舰

【WP 8.1开发】如何把自定义字体塞进应用里

或许,系统自带的字体不足以体现应用程序的魅力,对于表现极强的汉字来说,更是如此.这时候,我们就会想,要是能把网上下载的艺术字体塞到应用包中,那岂不美哉?那么,这可以实现吗?答案是Yes的. 接下来,阿拉就给大家分别演示WP 8.1两个开发框架中如何嵌入自定义字体. 为啥是两大框架?我们知道从7x到8.0的开发框架是Silverlight for Windows Phone,为了便于兼容和直接项目升级,在8.1中,微软的开发团队依然保留了这个框架:另外一个框架是从Win RT应用移植的API集,这

【WP 8.1开发】解决调用真实摄像头会死机的问题

无论你是用Silverlight还是用RT的API来开发,在使用MediaCapture拍照片或录视频时,要是在模拟器上运行会万事大吉:但是,一旦放到真实手机上运行,肯定有人发现了,细心的朋友肯定发现了——不知道为什么,会经常导致手机重启,或者死机. 啊,顺便给大家说说,死机不可怕,也不用重置,也不用刷机,不会丢失资料的,你只要同时按下“音量减”+“电源”两个键,要同时按住,不要放开,大约等10多秒后,会关机,然后你再放开这两个键,这样手机就软启了,不会丢失数据. 不过,如果你的运营商(如中国联

iOS开发实战——摄像头与相册权限获取逻辑优化

在实际项目中,我们经常需要访问设备的摄像头或者相册,当第一次安装某个App的时候,系统便会弹出授权对话框,要求用户做出是否授权的判断.整体逻辑比较简单,但是在使用过程中需要对用户体验进行优化,否则会出现bug.该博客的示例代码已经上传至 https://github.com/chenyufeng1991/AuthorityOfCameraAndPhoto . 首先我先描述一下出现的问题.我以访问相册为例,实现代码如下: - (void)photoBtnPressed:(id)sender { /

[WP]使用ApacheCordova开发HTML5-WindowsPhone应用程序

下载代码示例 这篇文章介绍 Apache 科尔多瓦,创建使用 HTML5 和 JavaScript,跨平台移动应用程序的框架,并显示了如何使用它为 Windows Phone 开发应用程序. Windows Phone 和其本机开发平台允许您轻松地创建美丽地铁样式的应用程序. 最近诺基亚的伙伴关系,与 Windows Phone 开始越来越多口袋找到出路. 最近的数据发表的研究公司 Gartner Inc. 预测微软操作系统的一个充满希望的未来 (bit.ly/h5Ic32),具有重大的市场零碎