Windows Phone 7 位图BitmapImage和WriteableBitmap

继承关系

Object
    DependencyObject (abstract)
          ImageSource (abstract)
              BitmapSource (abstract)
                  BitmapImage
                  WriteableBitmap

一、WriteableBitmap 类
提供一个可写入并可更新的 BitmapSource。 BitmapSource 是 Silverlight 图像处理管线的基本构造块，从概念上说表示具有特定大小和分辨率的单个不变的像素集。
命名空间：  System.Windows.Media.Imaging
使用 WriteableBitmap 类基于每个框架来更新和呈现位图。 这对于生成算法内容（如分形图像）和数据可视化（如音乐可视化工

具）很有用。

实例：点击程序屏幕不断地获取屏幕图像嵌套进去

< Grid x:Name ="ContentPanel" Grid.Row ="1" Margin ="12,0,12,0"
Background =" {StaticResource PhoneAccentBrush} " >

< TextBlock Text ="Tap anywhere to capture page"
HorizontalAlignment ="Center"
VerticalAlignment ="Center" />

< Image Name ="img"
Stretch ="Fill" />
</ Grid >

public MainPage()
{
InitializeComponent();
}

protected override void OnManipulationStarted(ManipulationStartedEventArgs args)
{
img.Source = new WriteableBitmap( this , null ); // 使用element 和 transform来创建一个WriteableBitmap

args.Complete();
args.Handled = true ;
base .OnManipulationStarted(args);
}

 public WriteableBitmap(UIElement element, Transform transform) 这个构造函数。element 是要在位图中呈现的元素；transform 是用户在绘制到位图之前最后一步应用到元素的变换。如果您希望位图将元素的变换考虑在内，则这对于您特别有意义。此值可为 null。

这个 WriteableBitmap 构造函数适用于绝大多数的"复制内容"方案。这个构造函数可生成在保留内容基础下，尽量减少空白的 PBGRA32格式（采用32BPP的一种基于sRGB的像素格式）的  WriteableBitmap。它把 element 的各种变化都考虑进去了，这些变化包括：Clip，Effect，Opacity，OpacityMask，Children。当然还有一些变化没有包含，这时候，我们可以对他的父控件进行截屏，就可以扑捉到这些没有包括的变化。另外：WriteableBitmap 不能呈现弹出式控件，如 Popup、ComboBox 和 ToolTip。

二、BitmapImage 类

Silverlight 提供一个经优化以使用可扩展应用程序标记语言 (XAML) 上载图像的专用 BitmapSource。
命名空间：  System.Windows.Media.Imaging
XAML <BitmapImage .../>
BitmapImage 主要支持可扩展应用程序标记语言 (XAML) 语法，并为尚未由 BitmapSource 定义的位图加载引入附加属性。

BitmapImage 实现 ISupportInitialize 接口，以对多个属性的初始化进行优化。 只能在对象初始化过程中进行属性更改。 调用 BeginInit 以表示初始化开始；调用 EndInit 以表示初始化结束。 初始化后，将忽略属性更改。

使用 BitmapImage 构造函数创建的 BitmapImage 对象将自动初始化，且将忽略对属性的更改。

示例

 XAML
<!-- Property Tag XAML Syntax -->
<Image Width="200"  Margin="5" Grid.Column="1" Grid.Row="1" >
   <Image.Source>
      <BitmapImage UriSource="sampleImages/bananas.jpg" />
   </Image.Source>
</Image>

实例：分裂图片--通过选择器选择一张照片放进BitmapImage里面然后利用WriteableBitmap将图片分成4块

< Grid x:Name ="ContentPanel" Grid.Row ="1" Margin ="12,0,12,0" >
< TextBlock Name ="txtblk"
Text ="Touch to choose image"
HorizontalAlignment ="Center"
VerticalAlignment ="Center" />

< Grid HorizontalAlignment ="Center"
VerticalAlignment ="Center" >
< Grid.RowDefinitions >
< RowDefinition Height ="*" />
< RowDefinition Height ="*" />
</ Grid.RowDefinitions >

< Grid.ColumnDefinitions >
< ColumnDefinition Width ="*" />
< ColumnDefinition Width ="*" />
</ Grid.ColumnDefinitions >

< Image Name ="imgUL" Grid.Row ="0" Grid.Column ="0" Margin ="2" />
< Image Name ="imgUR" Grid.Row ="0" Grid.Column ="1" Margin ="2" />
< Image Name ="imgLL" Grid.Row ="1" Grid.Column ="0" Margin ="2" />
< Image Name ="imgLR" Grid.Row ="1" Grid.Column ="1" Margin ="2" />

</ Grid >
</ Grid >

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using Microsoft.Phone.Controls;
using Microsoft.Phone.Tasks;

namespace SubdivideBitmap
{
public partial class MainPage : PhoneApplicationPage
{
PhotoChooserTask photoChooser = new PhotoChooserTask(); // 创建一个相片选择器 用来选择一张图片

public MainPage()
{
InitializeComponent();
photoChooser.Completed += OnPhotoChooserCompleted; // 添加选择器的完成事件
}
// 点击程序屏幕选择图片
protected override void OnManipulationStarted(ManipulationStartedEventArgs args)
{
int dimension = ( int )Math.Min(ContentPanel.ActualWidth,
ContentPanel.ActualHeight) - 8 ;
// 设置选择图片的宽度高度
photoChooser.PixelHeight = dimension;
photoChooser.PixelWidth = dimension;
photoChooser.Show();

args.Complete();
args.Handled = true ;
base .OnManipulationStarted(args);
}
// 完成选择图片触发的事件
void OnPhotoChooserCompleted( object sender, PhotoResult args)
{
if (args.Error != null || args.ChosenPhoto == null ) // 没有选择图片则返回跳出该方法
return ;
// 创建BitmapImage来存储选择器的图片
BitmapImage bitmapImage = new BitmapImage();
bitmapImage.SetSource(args.ChosenPhoto);

Image imgBase = new Image();
imgBase.Source = bitmapImage;
imgBase.Stretch = Stretch.None;

// 左上部分
WriteableBitmap writeableBitmap =
new WriteableBitmap(bitmapImage.PixelWidth / 2 ,
bitmapImage.PixelHeight / 2 );
writeableBitmap.Render(imgBase, null );
writeableBitmap.Invalidate();
imgUL.Source = writeableBitmap;

// 右上部分
writeableBitmap = new WriteableBitmap(bitmapImage.PixelWidth / 2 ,
bitmapImage.PixelHeight / 2 );
TranslateTransform translate = new TranslateTransform();
translate.X = - bitmapImage.PixelWidth / 2 ; // 在绘制到位图中之前应用到元素的变换
writeableBitmap.Render(imgBase, translate); // 在位图中呈现元素
writeableBitmap.Invalidate(); // 请求重绘整个位图
imgUR.Source = writeableBitmap;

// 左下部分
writeableBitmap = new WriteableBitmap(bitmapImage.PixelWidth / 2 ,
bitmapImage.PixelHeight / 2 );
translate.X = 0 ;
translate.Y = - bitmapImage.PixelHeight / 2 ;
writeableBitmap.Render(imgBase, translate);
writeableBitmap.Invalidate();
imgLL.Source = writeableBitmap;

// 右下部分
writeableBitmap = new WriteableBitmap(bitmapImage.PixelWidth / 2 ,
bitmapImage.PixelHeight / 2 );
translate.X = - bitmapImage.PixelWidth / 2 ;
writeableBitmap.Render(imgBase, translate);
writeableBitmap.Invalidate();
imgLR.Source = writeableBitmap;

txtblk.Visibility = Visibility.Collapsed; // 隐藏刚开始的文本
}
}
}