与众不同 windows phone (43) - 8.0 相机和照片: 镜头的可扩展性, 图片的可扩展性, 图片的自动上传扩展

[源码下载]

与众不同 windows phone (43) - 8.0 相机和照片: 镜头的可扩展性, 图片的可扩展性, 图片的自动上传扩展

作者:webabcd

介绍
与众不同 windows phone 8.0 之 相机和照片

  • 镜头的可扩展性
  • 图片的可扩展性
  • 图片的自动上传扩展

示例
1、演示如何将本 app 注册为镜头扩展
CameraAndPhoto/LensExtensibility.xaml

<phone:PhoneApplicationPage
x:Class="Demo.CameraAndPhoto.LensExtensibility"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"
mc:Ignorable="d"
shell:SystemTray.IsVisible="True"> <Grid Background="Transparent">
<StackPanel Orientation="Vertical"> <TextBlock x:Name="lblMsg" Text="启动相机后,可以通过“滤镜”启动本 app" /> <Button x:Name="btnPhotoCapture" Content="用此 app 照相" Click="btnPhotoCapture_Click" /> <Button x:Name="btnAudioVideoCapture" Content="用此 app 录像" Click="btnAudioVideoCapture_Click" /> </StackPanel>
</Grid> </phone:PhoneApplicationPage>

CameraAndPhoto/LensExtensibility.xaml.cs

/*
* 演示如何将本 app 注册为镜头扩展
*
* 1、需要在 manifest 中增加配置 <Extension TaskID="_default" ExtensionName="Camera_Capture_App" ConsumerID="{5B04B775-356B-4AA0-AAF8-6491FFEA5631}" />
* 2、在 Assets 根文件夹内添加 3 个文件,作为镜头选取器的图标
* Lens.Screen-WVGA.png - 800*480 15:9
* Lens.Screen-WXGA.png - 1280*768 15:9
* Lens.Screen-720p.png - 1280*720 16:9
*
*
* 注:
* 相关的 UriMapper 参见 MyUriMapper.cs
*
*
* 什么是镜头扩展?
* 就是打开相机后,单击“滤镜”按钮,会出现一排 app 列表,这里的每一个 app 就是一个镜头扩展程序
*/ using System.Collections.Generic;
using System.Windows.Navigation;
using Microsoft.Phone.Controls;
using System; namespace Demo.CameraAndPhoto
{
public partial class LensExtensibility : PhoneApplicationPage
{
public LensExtensibility()
{
InitializeComponent();
} protected override void OnNavigatedTo(NavigationEventArgs e)
{
IDictionary<string, string> queryStrings = this.NavigationContext.QueryString; if (queryStrings.ContainsKey("fromLens"))
{
lblMsg.Text = "您是通过相机的“滤镜”启动本 app 的";
} base.OnNavigatedTo(e);
} private void btnPhotoCapture_Click(object sender, System.Windows.RoutedEventArgs e)
{
NavigationService.Navigate(new Uri("/CameraAndPhoto/PhotoCaptureDeviceDemo.xaml", UriKind.Relative));
} private void btnAudioVideoCapture_Click(object sender, System.Windows.RoutedEventArgs e)
{
NavigationService.Navigate(new Uri("/CameraAndPhoto/AudioVideoCaptureDeviceDemo.xaml", UriKind.Relative));
}
}
}

2、演示如何将本 app 注册为图片扩展
CameraAndPhoto/PhotoExtensibility.xaml

<phone:PhoneApplicationPage
x:Class="Demo.CameraAndPhoto.PhotoExtensibility"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"
mc:Ignorable="d"
shell:SystemTray.IsVisible="True"> <Grid x:Name="LayoutRoot" Background="Transparent">
<StackPanel> <TextBlock Name="lblMsg" TextWrapping="Wrap" Text="用此 app 照个照片,然后再在照片中心打开该照片,再打开上下文菜单,以查看图片扩展的效果" /> <Image Name="img" Width="320" Height="240" Margin="0 10 0 0" /> </StackPanel>
</Grid> </phone:PhoneApplicationPage>

CameraAndPhoto/PhotoExtensibility.xaml.cs

/*
* 演示如何将本 app 注册为图片扩展
*
*
* 1、注册为“共享”扩展:在照片中心的图片的上下文菜单中,单击“共享...”,弹出的 app 列表窗口包含此 app,需要在 manifest 中增加 <Extension TaskID="_default" ExtensionName="Photos_Extra_Share" ConsumerID="{5B04B775-356B-4AA0-AAF8-6491FFEA5632}" />
*
* 2、注册为“编辑”扩展:在照片中心的图片的上下文菜单中,单击“编辑...”,弹出的 app 列表窗口包含此 app,需要在 manifest 中增加 <Extension TaskID="_default" ExtensionName="Photos_Extra_Image_Editor" ConsumerID="{5B04B775-356B-4AA0-AAF8-6491FFEA5632}" />
* wp7 时代的做法(与图片的上下文菜单“应用程序...”关联)在 wp8 中已经遭到了弃用,参考:http://www.cnblogs.com/webabcd/archive/2012/07/26/2609357.html
*
* 3、注册为“Photos_Rich_Media_Edit”扩展:会有以下两个特性,以 app 的名字为“WP8 Demo”为例,需要在 manifest 中增加 <Extension TaskID="_default" ExtensionName="Photos_Rich_Media_Edit" ConsumerID="{5B04B775-356B-4AA0-AAF8-6491FFEA5632}" />
* a) 在照片中心打开由此 app 拍摄的照片时,在屏幕的左下角会有一段文字“由 WP8 Demo 拍摄”
* b) 在照片中心打开由此 app 拍摄的照片后,在其上下文菜单中会多出一项“在 WP8 Demo 中打开”
*
*
* 注:
* 1、需要在 manifest 中增加配置 <Capability Name="ID_CAP_MEDIALIB_PHOTO" />
* 2、相关的 UriMapper 参见 MyUriMapper.cs
*/ using System.Collections.Generic;
using System.Windows.Navigation;
using Microsoft.Phone.Controls;
using Microsoft.Xna.Framework.Media;
using System.Windows.Media.Imaging;
using Microsoft.Xna.Framework.Media.PhoneExtensions; namespace Demo.CameraAndPhoto
{
public partial class PhotoExtensibility : PhoneApplicationPage
{
public PhotoExtensibility()
{
InitializeComponent();
} protected override void OnNavigatedTo(NavigationEventArgs e)
{
IDictionary<string, string> queryStrings = this.NavigationContext.QueryString; if (queryStrings.ContainsKey("type"))
{
switch (queryStrings["type"])
{
case "share":
lblMsg.Text = "由“共享...”打开";
break;
case "edit":
lblMsg.Text = "由“编辑...”打开";
break;
case "rich":
lblMsg.Text = "由“在 WP8 Demo 中打开”打开";
break;
}
} // 显示用户选择的图片的预览图
if (queryStrings.ContainsKey("token"))
{
MediaLibrary library = new MediaLibrary();
Picture photoFromLibrary = library.GetPictureFromToken(queryStrings["token"]); BitmapImage bitmapFromPhoto = new BitmapImage();
// GetPreviewImage() - 是扩展方法,来自 Microsoft.Xna.Framework.Media.PhoneExtensions.MediaLibraryExtensions
bitmapFromPhoto.SetSource(photoFromLibrary.GetPreviewImage());
img.Source = bitmapFromPhoto;
} base.OnNavigatedTo(e);
}
}
}

3、演示如何将本 app 注册为自动上传的图片扩展
CameraAndPhoto/PhotoAutoUpload.xaml

<phone:PhoneApplicationPage
x:Class="Demo.CameraAndPhoto.PhotoAutoUpload"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"
mc:Ignorable="d"
shell:SystemTray.IsVisible="True"> <Grid Background="Transparent">
<StackPanel Orientation="Vertical"> <TextBlock x:Name="lblMsg" TextWrapping="Wrap">
<Run>请通过如下方式查找支持自动上传的应用:“设置 -> 应用程序 -> 照片+相机 -> 应用”或者“照片中心 -> 设置 -> 应用”</Run>
<LineBreak />
<Run>你至少会看到一个名为“WP8 Demo”的应用,单击它</Run>
</TextBlock> </StackPanel>
</Grid> </phone:PhoneApplicationPage>

CameraAndPhoto/PhotoAutoUpload.xaml.cs

/*
* 演示如何将本 app 注册为自动上传的图片扩展
*
*
* 1、需要在 manifest 中增加配置 <Extension TaskID="_default" ExtensionName="Photos_Auto_Upload" ConsumerID = "{5B04B775-356B-4AA0-AAF8-6491FFEA5632}" />
* 2、需要通过注册一个资源密集型代理,去执行图片处理(一般是上传图库中的新的图片到服务器)
* 3、关于资源密集型代理参见:http://www.cnblogs.com/webabcd/archive/2012/07/12/2587440.html
* 4、注册为自动上传的 app ,其资源密集型代理不会有 14 天过期一说,但其他限制都仍然是有的
* 5、后台代理的任务一般是检查是否有没同步到你服务器的图片,如果有没同步的就去同步
* 6、当然你不去同步图片到自己的服务器,而是做其他事情,也是没关系的(如果提交 app 时能通过微软审核的话)
*
*
* 注:
* 相关的 UriMapper 参见 MyUriMapper.cs
* 像 SkyDrive 那样的在图片中心提示还有几个未传项,第三方的 app 是无法做到的
*
*
* 什么是自动上传的图片扩展?
* 1、就是可以在“设置 -> 应用程序 -> 照片+相机 -> 应用 -> WP8 Demo”或者“照片中心 -> 设置 -> 应用 -> WP8 Demo”找到的程序
* 2、其资源密集型代理不会有 14 天过期一说,但其他限制都仍然是有的
* 3、一般来说你应该在后台代理检查是否有没同步到你服务器的图片,如果有没同步的就去同步
* 4、一般来说,你应该在“设置 -> 应用程序 -> 照片+相机 -> 应用 -> WP8 Demo”或者“照片中心 -> 设置 -> 应用 -> WP8 Demo”进来的页面内列出正在上传的图片列表和进度
*/ using System.Collections.Generic;
using System.Windows.Navigation;
using Microsoft.Phone.Controls;
using System; namespace Demo.CameraAndPhoto
{
public partial class PhotoAutoUpload : PhoneApplicationPage
{
public PhotoAutoUpload()
{
InitializeComponent();
} protected override void OnNavigatedTo(NavigationEventArgs e)
{
IDictionary<string, string> queryStrings = this.NavigationContext.QueryString; if (queryStrings.ContainsKey("fromConfig"))
{
lblMsg.Text = "您是通过“设置 -> 应用程序 -> 照片+相机 -> 应用 -> WP8 Demo”或者“照片中心 -> 设置 -> 应用 -> WP8 Demo”启动本 app 的";
lblMsg.Text += Environment.NewLine;
lblMsg.Text += "一般来说,参考 SkyDrive 的话,你应该在这里列出正在上传的图片列表和上传进度,并可以取消或暂停图片的上传任务";
} base.OnNavigatedTo(e);
}
}
}

自定义 UriMapper,用于处理当本 app 由文件打开或协议打开或镜头扩展打开或图片扩展打开时,导航到相关的处理页面
MyUriMapper.cs

/*
* 自定义 UriMapper,用于处理当本 app 由文件打开或协议打开或镜头扩展打开或图片扩展打开时,导航到相关的处理页面
*
* 注:
* 要使此 UriMapper 有效,需要在 App.xaml.cs 中增加 RootFrame.UriMapper = new Demo.MyUriMapper();
*/ using System;
using System.Collections.Generic;
using System.IO;
using System.Net;
using System.Windows.Navigation;
using Windows.Phone.Storage.SharedAccess; namespace Demo
{
public class MyUriMapper : UriMapperBase
{
public override Uri MapUri(Uri uri)
{
string tempUrl = HttpUtility.UrlDecode(uri.ToString()); // 由文件启动本 app 时会通过 /FileTypeAssociation?fileToken=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx 启动
if (tempUrl.StartsWith("/FileTypeAssociation"))
{
// 获取 fileToken
int fileTokenIndex = tempUrl.IndexOf("fileToken=") + ;
string fileToken = tempUrl.Substring(fileTokenIndex); // 获取相关的文件名
string fileName = SharedStorageAccessManager.GetSharedFileName(fileToken); // myLog.log // 获取相关的文件名的扩展名
string fileType = Path.GetExtension(fileName); // 根据文件类型的不同导航到不同的处理页面
switch (fileType)
{
case ".log":
return new Uri("/AssociationLaunching/FileTypeAssociation.xaml?fileToken=" + fileToken, UriKind.Relative);
default:
return new Uri("/MainPage.xaml", UriKind.Relative);
}
}
// 由协议启动本 app 时会通过 /Protocol?encodedLaunchUri=webabcd:xxxxxxxxxx 启动
else if (tempUrl.StartsWith("/Protocol"))
{
// 获取协议的详细信息
int protocolIndex = tempUrl.IndexOf("encodedLaunchUri=") + ;
string protocol = tempUrl.Substring(protocolIndex); // 导航到处理 webabcd 协议的处理页面
return new Uri("/AssociationLaunching/ProtocolAssociation.xaml?protocol=" + protocol, UriKind.Relative);
}
// 由镜头扩展启动本 app 时会通过 /MainPage.xaml?Action=ViewfinderLaunch 启动
else if (tempUrl.Contains("Action=ViewfinderLaunch"))
{
return new Uri("/CameraAndPhoto/LensExtensibility.xaml?fromLens=true", UriKind.Relative);
}
// 由图片扩展之“共享...”启动本 app 时会通过 /MainPage.xaml?Action=ShareContent&FileId={xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx} 启动
else if (tempUrl.Contains("Action=ShareContent"))
{
string fileId = tempUrl.Substring(tempUrl.IndexOf("FileId=") + ).Replace("{", "").Replace("}", "");
return new Uri("/CameraAndPhoto/PhotoExtensibility.xaml?type=share&token=" + fileId, UriKind.Relative);
}
// 由图片扩展之“编辑...”启动本 app 时会通过 /MainPage.xaml?Action=EditPhotoContent&FileId={xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx} 启动
else if (tempUrl.Contains("Action=EditPhotoContent"))
{
string fileId = tempUrl.Substring(tempUrl.IndexOf("FileId=") + ).Replace("{", "").Replace("}", "");
return new Uri("/CameraAndPhoto/PhotoExtensibility.xaml?type=edit&token=" + fileId, UriKind.Relative);
}
// 由图片扩展之“自动上传”启动本 app 时会通过 /MainPage.xaml?Action=ConfigurePhotosUploadSettings 启动
else if (tempUrl.Contains("Action=ConfigurePhotosUploadSettings"))
{
return new Uri("/CameraAndPhoto/PhotoAutoUpload.xaml?fromConfig=true", UriKind.Relative);
}
// 在锁屏设置界面,如果将本 app 设置为背景提供程序,则锁屏界面上会有一个名为“打开应用”的按钮,点击后会通过 /MainPage.xaml?WallpaperSettings=1 启动本 app
else if (tempUrl.Contains("WallpaperSettings=1"))
{
return new Uri("/Others/LockScreen.xaml?WallpaperSettings=1", UriKind.Relative);
} return uri;
}
}
}

OK
[源码下载]

上一篇:css


下一篇:Google 开源项目的风格指南