Silverlight开发历程—(ImageBrush图像画刷和WriteableBitmap绘制位图)

利用Image呈现图像，有一点比较重要，就是Image元素的枚举类型属性Stretch，Stretch主要是来确定Image的填充方式，Stretch枚举类型值分别为：None（原始尺寸）、Fill（填充拉伸）、Uniform（等比例拉伸）、UniformToFill（等比拉伸填充）。

图像画刷

下面代码分别利用XAML代码和C#代码绘制图像画刷：

XAML：

<StackPanel x:Name="LayoutRoot" Background="White" Orientation="Vertical">
<Rectangle RadiusX="30" RadiusY="30" Width="400" Height="250">
<Rectangle.Fill>
<ImageBrush  ImageSource="../images/Silverlight.jpg" />
</Rectangle.Fill>
</Rectangle>
<Rectangle RadiusX="30" x:Name="rect_2" RadiusY="30" Width="400" Height="250">
</Rectangle>
</StackPanel>

C#：

public partial class FillWithImageBrush : UserControl
{
public FillWithImageBrush()
{
InitializeComponent();

BitmapImage images = new BitmapImage(new Uri("../images/Silverlight.jpg", UriKind.Relative));
ImageBrush brush = new ImageBrush();
brush.ImageSource = images;
rect_2.Fill = brush;
}
}

运行结果：



使用BitmapImage下载事件来实现图像下载缓冲效果

在XAML界面使用了一个进度条控件和一个Image对象，通过BitmapImage对象的DownloadProgress事件来获取图片下载进度并将结果呈现给进度条控件的Value值。

使用BitmapImage必须先引入命名空间System.Windows.Media.Imaging命名空间。

代码：

<Grid x:Name="LayoutRoot" Background="White">
<Image x:Name="img_bg" />
<ProgressBar x:Name="progressBar" Width="270" Height="40" />
</Grid>

C#：

public partial class DownProcessBar : UserControl
{
public DownProcessBar()
{
InitializeComponent();
progressBar.Value = 0;
Uri uri = new Uri("../images/silverlight2.jpg", UriKind.RelativeOrAbsolute);
// 创建位图图像
BitmapImage bmap_img = new BitmapImage();
//定义图片下载事件
bmap_img.DownloadProgress += new EventHandler<DownloadProgressEventArgs>(bmap_img_DownloadProgress);
//指定图片的资源
bmap_img.UriSource = uri;
img_bg.Source = bmap_img;
}

void bmap_img_DownloadProgress(object sender, DownloadProgressEventArgs e)
{
//将进度呈现到进度控件上
progressBar.Value = (double)e.Progress;
}
}

使用WriteableBitmap绘制位图

WriteableBitmap位于System.Windows.Media.Imaging命名空间并派生了BitmapSource类，所以它属于图像的范畴。

WriteableBitmap和BitmapImage类似都可以为Image对象提供Source属性值,如下例子：

<Grid x:Name="LayoutRoot" Background="Gray">

</Grid>

C#：

public partial class DrawBitmapImage : UserControl
{
private Image img = new Image();
private const int IMGWIDTH = 200;
private const int IMGHEIGHT = 200;
public DrawBitmapImage()
{
InitializeComponent();
img.Width = IMGWIDTH;
img.Height = IMGHEIGHT;
LayoutRoot.Children.Add(img);
BuildBitmap();
}
private void BuildBitmap()
{
//创建可写位图对象
WriteableBitmap b = new WriteableBitmap(IMGWIDTH, IMGHEIGHT);
for (int i = 0; i < IMGWIDTH; i++)
{
for (int j = 0; j < IMGHEIGHT; j++)
{
byte[] rgb = new byte[4];
rgb[0] = (byte)(i % 255);
rgb[1] = (byte)(j % 255);
rgb[2] = (byte)(i * j % 255);
rgb[3] = 0;
int pixelValue = BitConverter.ToInt32(rgb, 0);
b.Pixels[j * IMGWIDTH + i] = pixelValue;
}
}
img.Source = b;
}
}

运行结果：



后台通过引出两个For循环语句通过程序来设置Pbgra32颜色，通过RGB设置了一个数组，分别执行蓝色，红色，绿肥色的计算。