WP 8.1:開(kāi)發(fā)如何處理攝像頭翻轉(zhuǎn)的問(wèn)題
模擬器就像我們兒時(shí)的夢(mèng)境,在其上運(yùn)行應(yīng)用程序時(shí),一切總是那么美好的;而真機(jī)測(cè)試如同我們這個(gè)紛亂無(wú)章的現(xiàn)實(shí)世界,你會(huì)遇到各種小人和畜生,常常會(huì)遭受莫名的挫折。面對(duì)挫折,有人迎難而上,或不予理采,走自己的路;有的人則打退堂鼓。
面對(duì)攝像頭翻轉(zhuǎn)的問(wèn)題,有些人也會(huì)選擇逃避。我為什么不喜歡現(xiàn)在的某些程序員,就是因?yàn)檫@些人只會(huì)逃避和制造問(wèn)題,遇到問(wèn)題不是去尋找解決方案,而是坐在那里喊爹罵娘。雖然不可能所有問(wèn)題都可以解決,但是,有許多問(wèn)題是可以解決的,而這些人總心浮氣躁,不愿意靜下心來(lái)好好思考。
N+6年前我曾經(jīng)讀過(guò)一本好書,名叫《方法總比問(wèn)題多》,捧著這個(gè)心念,我認(rèn)為攝像頭翻轉(zhuǎn)的問(wèn)題是可以解決的。
通常,我們很少會(huì)調(diào)用前置攝像頭,多數(shù)情況下用到的是后置攝像頭。當(dāng)然了,解決方法是類似的,因此,為了簡(jiǎn)單易懂,本文我就以后置攝像頭為例,分享一下我的解決方案,如果你有更好的方法,也不妨讓大伙兒一起參考參考。
一般而言,真機(jī)上的攝像頭是與手機(jī)橫放時(shí)的角度一致,即偏了90度(手機(jī)逆時(shí)針旋轉(zhuǎn))。
也就是說(shuō),當(dāng)手機(jī)逆時(shí)針旋轉(zhuǎn)90度后,機(jī)器的方向就與攝像頭一致了。針對(duì)這一情況,我們只要能做到一件事,那就可以解決攝像頭翻轉(zhuǎn)的問(wèn)題了。
鎖定頁(yè)面的方向,即當(dāng)手機(jī)方向改變時(shí),禁止頁(yè)面跟著旋轉(zhuǎn)就可以了。
此處以Silverlight框架為例,Runtime App比較好辦,直接在清單文件中把屏幕方向強(qiáng)制為橫向即可。但Silverlight程序就需要一些步驟。
1、設(shè)置頁(yè)面的SupportedOrientations="Landscape",Orientation="LandscapeLeft",如下面XAML所示。
- <phone:PhoneApplicationPage
- x:Class="AppCamera.MainPage"
- ……
- SupportedOrientations="Landscape" Orientation="LandscapeLeft"
- shell:SystemTray.IsVisible="False">
- ……
這樣做就把頁(yè)面所支持的方向限制為橫向,頁(yè)面的默認(rèn)方向也改為L(zhǎng)andscapeLeft,即手機(jī)逆時(shí)針旋轉(zhuǎn)90,如果是LandscapeRight,v那就是手機(jī)逆時(shí)針旋轉(zhuǎn)270度。
2、光是把頁(yè)面強(qiáng)制為橫向還不行,因?yàn)闄M向有兩個(gè)方向——90度和270度,當(dāng)手機(jī)轉(zhuǎn)動(dòng)90度后,其方向正好與攝像頭吻合,但是,一旦手機(jī)旋轉(zhuǎn) 270度后,就正好與攝像頭的方向相反,即轉(zhuǎn)了180度,這時(shí)候,你在手機(jī)屏幕上看到的攝像預(yù)覽是倒過(guò)來(lái)的,而拍出來(lái)的照片當(dāng)然也是倒立的,關(guān)于保存照片 的問(wèn)題,稍后再說(shuō)。
因此,我們必須想辦法,阻止頁(yè)面更改方向,正好,頁(yè)面類有一個(gè)虛方法叫OnOrientationChanged,當(dāng)頁(yè)面的方向發(fā)生改變后,會(huì)調(diào)用 該方法。我們只要重寫這個(gè)方法,并且不要加入任何代碼,就能阻止頁(yè)面基類調(diào)用該方法,也就達(dá)到了阻止頁(yè)面改變方向了,“搜狐拍客”就是用這種方法來(lái)解決翻 轉(zhuǎn)問(wèn)題的。
- protected override void OnOrientationChanged ( OrientationChangedEventArgs e )
- {
- // 把下面的代碼注釋掉,頁(yè)面的方向就會(huì)鎖定
- //base.OnOrientationChanged(e);
- }
注意。base.OnOrientationChanged(e);這行代碼必須去掉,不然基類會(huì)調(diào)用。
3、通過(guò)上述步驟,是解決了攝像頭預(yù)覽翻轉(zhuǎn)的問(wèn)題,但又引出另一個(gè)新問(wèn)題:如果屏幕方向與攝像頭的方向不一致,那么拍照出來(lái)的照片也會(huì)反過(guò)來(lái)的。這個(gè)問(wèn)題就必須在圖像文件上做功夫了,也就是把圖像的方向調(diào)整過(guò)來(lái)再保存。
我的示例是使用MediaCapture類來(lái)拍攝的,拍到的圖片是直接保存到文件或流中了,那我們?nèi)绾涡薷膱D片呢?
在Windows.Graphics.Imaging命名空間下,BitmapDecoder類可以用來(lái)對(duì)圖像進(jìn)行解碼,并可以提取圖像的像素?cái)?shù)據(jù);BitmapEncoder類可以對(duì)圖像的像素?cái)?shù)據(jù)進(jìn)行編碼為圖像文件。
對(duì),我們就是利用這兩個(gè)類,先將攝像頭拍到的照片解碼,然后利用旋轉(zhuǎn)變換來(lái)修改圖像的方向,最后將修改后的圖像重新編碼就可以了。至于要把圖像向哪個(gè)方向旋轉(zhuǎn),大家不妨自己試一試,對(duì)比一下就能知道了。
以下是參考代碼:
- #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);
- // 判斷手機(jī)方向,以改變圖像方向
- 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;
- }
- // 設(shè)置像素?cái)?shù)據(jù)
- encoder.SetPixelData(BitmapPixelFormat.Bgra8, BitmapAlphaMode.Straight, decoder.PixelWidth, decoder.PixelHeight, decoder.DpiX, decoder.DpiY, buffer);
- await encoder.FlushAsync();
- }
- #endregion
由于在確認(rèn)圖像旋轉(zhuǎn)方向前,我們必須知道手機(jī)的當(dāng)前方向。比較簡(jiǎn)單的方法是直接訪問(wèn) Windows.Graphics.Display.DisplayProperties類的CurrentOrientation屬性,不過(guò)這個(gè)類在新 版本中可能會(huì)被刪除,所以我就不用這個(gè)方法。我于是選用了一個(gè)稍稍復(fù)雜點(diǎn)的方法——使用方向傳感器。這種方法有點(diǎn)裝逼,不過(guò)正好我們可以發(fā)揮一下傳感器的 用處,其實(shí)屏幕方向也是通過(guò)方向(重力)傳感器來(lái)識(shí)別的。
為了讓開(kāi)發(fā)者可以輕松識(shí)別出手機(jī)的幾個(gè)特殊方向,以SimpleOrientation枚舉定義了幾個(gè)比較通用的方向。這些值的含義如下表所示。
對(duì)應(yīng)地,在Windows.Devices.Sensors命名空間下,有一個(gè)SimpleOrientationSensor類,它表示方向傳感器,它可以提供上表所示的幾個(gè)特殊方向的值的實(shí)時(shí)報(bào)告,這樣我們就不用自己來(lái)計(jì)算坐標(biāo)值了。
聲明SimpleOrientationSensor實(shí)例,處理OrientationChanged事件。
- if (ortsensor == null)
- {
- ortsensor = SimpleOrientationSensor.GetDefault();
- }
- ……
- ortsensor.OrientationChanged += ortsensor_OrientationChanged;
- ..............
- void ortsensor_OrientationChanged ( SimpleOrientationSensor sender, SimpleOrientationSensorOrientationChangedEventArgs args )
- {
- // 根據(jù)方向旋轉(zhuǎn)拍攝圖標(biāo)
- var o = args.Orientation;
- System.Diagnostics.Debug.WriteLine("方向:{0}", o);
- Dispatcher.BeginInvoke(() =>
- {
- UpdateOrientation(o);
- });
- }
在上面對(duì)圖像進(jìn)行編碼的代碼中,是通過(guò)SimpleOrientationSensor對(duì)象的GetCurrentOrientation方法來(lái)獲取手機(jī)當(dāng)前所處的方向,進(jìn)而判斷出圖像應(yīng)該旋轉(zhuǎn)的方向。
- 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;
- }
好了,經(jīng)過(guò)以上幾個(gè)步驟,攝像頭翻轉(zhuǎn)的問(wèn)題可以得到解決了
本文鏈接:http://www.cnblogs.com/tcjiaan/p/3944948.html