WP 8.1:開發(fā)如何處理攝像頭翻轉的問題
模擬器就像我們兒時的夢境,在其上運行應用程序時,一切總是那么美好的;而真機測試如同我們這個紛亂無章的現實世界,你會遇到各種小人和畜生,常常會遭受莫名的挫折。面對挫折,有人迎難而上,或不予理采,走自己的路;有的人則打退堂鼓。
面對攝像頭翻轉的問題,有些人也會選擇逃避。我為什么不喜歡現在的某些程序員,就是因為這些人只會逃避和制造問題,遇到問題不是去尋找解決方案,而是坐在那里喊爹罵娘。雖然不可能所有問題都可以解決,但是,有許多問題是可以解決的,而這些人總心浮氣躁,不愿意靜下心來好好思考。
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,當頁面的方向發(fā)生改變后,會調用 該方法。我們只要重寫這個方法,并且不要加入任何代碼,就能阻止頁面基類調用該方法,也就達到了阻止頁面改變方向了,“搜狐拍客”就是用這種方法來解決翻 轉問題的。
- 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屬性,不過這個類在新 版本中可能會被刪除,所以我就不用這個方法。我于是選用了一個稍稍復雜點的方法——使用方向傳感器。這種方法有點裝逼,不過正好我們可以發(fā)揮一下傳感器的 用處,其實屏幕方向也是通過方向(重力)傳感器來識別的。
為了讓開發(fā)者可以輕松識別出手機的幾個特殊方向,以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://www.cnblogs.com/tcjiaan/p/3944948.html