WPF- 图像的旋转、转换、裁剪和拉伸

WPF- 图像的旋转、转换、裁剪和拉伸 （前台）

通过 WPF，用户可以使用 BitmapImage 的属性或使用其他 BitmapSource 对象（如 CroppedBitmap 或 FormatConvertedBitmap）来转换图像。上述图像转换可以缩放或旋转图像、更改图像的像素格式或裁切图像。

第9章习题有关WPF习题中用到的图像源可以从本博客的相册《第9章习题WPF习题图源》得到。

习题9-28 旋转图像

可以使用 BitmapImage的Rotation属性来执行图像旋转，旋转只能以90度的增量来进行。在下面的示例中，图像旋转了90度。

创建一个WPF程序，右击项目名称添加一个文件夹，向文件夹添加现有项，将Win7的示例图片企鹅放入文件夹。

<Window x:Class="BitmapImageRotation.Window1"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    Title="Window1" Height="300" Width="300">

    <Image Margin="10">

        <Image.Source>

            <TransformedBitmap Source="/sampleImages/Penguins.jpg" >

                <TransformedBitmap.Transform>

                    <RotateTransform Angle="90"/>

                </TransformedBitmap.Transform>

            </TransformedBitmap>

        </Image.Source>

    </Image>

</Window>

 

习题9-29 转换图像灰度

可以使用 FormatConvertedBitmap 将图像转换为不同的像素格式，如灰度。在下面的示例中，图像转换为 Gray4。

<Grid>

    <!-- Grayscale XAML Image -->

    <Image Margin="10" >

        <Image.Source>

            <FormatConvertedBitmap Source="/sampleImages/Lighthouse.jpg"  DestinationFormat="Gray4" />

        </Image.Source>

    </Image>

</Grid>

 

 

习题9-30将多个 BitmapSource 的属性链在一起

此示例演示将多个BitmapSource属性链在一起，来对图像源应用各种效果。下面的示例链接旋转和灰度两个属性。

<Window.Resources>

    <!-- 资源定义了BitmapImage的多个属性，包括图像源，DecodePixelWidth宽度， 这个属性设置节省内存 -->

    <BitmapImage x:Key="masterImage" DecodePixelWidth="200"

    UriSource="/sampleImages/Waterlilies.png"/>

        <!-- 下面的属性旋转90度 -->

        <TransformedBitmap x:Key="rotatedImage" Source="{StaticResource masterImage}">

            <TransformedBitmap.Transform>

                <RotateTransform Angle="90" />

            </TransformedBitmap.Transform>

        </TransformedBitmap>

        <!--这个属性用于灰度处理 -->

        <FormatConvertedBitmap x:Key="convertFormatImage"

Source="{StaticResource rotatedImage}"

        DestinationFormat="Bgra32" />

    </Window.Resources>

    <StackPanel>

        <!-- 引用资源"convertFormatImage"得到宽度、旋转和灰度设置-->

        <Image Width="200" Source="{StaticResource convertFormatImage}" />

    </StackPanel>

 

习题9-31 裁剪图像

裁切图像可以使用Image或CroppedBitmap的Clip属性。通常情况下，如果只想调整图像的一部分，则应使用 Clip。如果需要编码和保存裁切过的图像，应使用 CroppedBitmap。下面的示例使用 EllipseGeometry 和 Clip 属性来裁切图像。

<Grid>

    <!-- 使用Clip剪裁图像 -->

    <Image Width="240" Margin="5" Source="/sampleImages/Waterlilies.png">

        <Image.Clip>

            <EllipseGeometry Center="120,70" RadiusX="100" RadiusY="50" />

        </Image.Clip>

    </Image>

</Grid>

 

习题9-32 拉伸图像

Stretch 属性控制如何拉伸一个图像以使其填充容器。Stretch 属性接受Stretch 枚举定义的以下值：

None，不会拉伸图像以填充输出区域。如果图像比输出区域大，无法容纳的内容将被剪裁掉。

Fill，会拉伸图像以适应输出区域。由于图像的高度和宽度是独立进行缩放的，因此图像的原始长宽比可能不会保留。也就是说，为了完全填充输出容器，图像可能会扭曲。

Uniform，图像进行缩放，以便其完全适应输出区域。图像的长宽比会保留。

UniformToFill，图像会进行缩放，以便在保留图像原始长宽比的同时完全填充输出区域。

下面的图像显示示例的输出，演示了不同的 Stretch 设置在应用到图像时的效果。建立一个WPF项目，添加图像，可用截图办法得到示例的原图形。

<Window.Resources>

    <Style TargetType="TextBlock" x:Key="Header1">

        <Setter Property="DockPanel.Dock" Value="Top"/>

    <Setter Property="FontSize" Value="14"/>

        <Setter Property="FontFamily" Value="Trebuchet MS"/>

        <Setter Property="Margin" Value="5"/>

    </Style>

    <Style TargetType="Border" x:Key="borderStyle">

        <Setter Property="BorderThickness" Value="1"/>

        <Setter Property="BorderBrush" Value="Black"/>

        <Setter Property="Margin" Value="5,0,5,0"/>

    </Style>

</Window.Resources>

<DockPanel>

    <Border DockPanel.Dock="Top" Background="Black">

        <TextBlock Foreground="White" HorizontalAlignment="Stretch"

FontSize="20">Stretching an Image</TextBlock>

    </Border>

    <Grid Name="simpleGrid"  Margin="10" ShowGridLines="False"

    VerticalAlignment="Center" HorizontalAlignment="Center">

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="175" />

            <ColumnDefinition Width="175" />

            <ColumnDefinition Width="175" />

            <ColumnDefinition Width="175" />

        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>

            <RowDefinition />

            <RowDefinition Height="200"/>

        </Grid.RowDefinitions>

        <!-- 标题 -->

        <TextBlock Style="{StaticResource Header1}"

        Grid.Column="0" Grid.Row="0">None</TextBlock>

        <TextBlock Style="{StaticResource Header1}"

        Grid.Column="1" Grid.Row="0">Uniform</TextBlock>

        <TextBlock Style="{StaticResource Header1}"

        Grid.Column="2" Grid.Row="0">UniformToFill</TextBlock>

        <TextBlock Style="{StaticResource Header1}"

        Grid.Column="3" Grid.Row="0">Fill</TextBlock>

        <Border Style="{StaticResource borderStyle}" Grid.Column="0" Grid.Row="1">

            <!-- None:如果图像大于输出区域，图像将裁剪到输出区域大小 -->

            <Image Source="imageSamples/gecko.jpg" Stretch="None" />

        </Border>

        <Border Style="{StaticResource borderStyle}" Grid.Column="1" Grid.Row="1" >

            <!-- Uniform: 保持纵横比例填充输出区域 -->

            <Image Source="imageSamples/gecko.jpg" Stretch="Uniform" />

        </Border>

        <Border Style="{StaticResource borderStyle}" Grid.Column="2" Grid.Row="1" BorderThickness="1" BorderBrush="Black">

            <!-- UniformToFill: 充满输出区域，保持纵横比例，可能出现复制             -->

            <Image Source="imageSamples/gecko.jpg" Stretch="UniformToFill" />

        </Border>

        <Border Style="{StaticResource borderStyle}" Grid.Column="3" Grid.Row="1" >

            <!-- Fill: 充满输出区域，不保持纵横比 -->

            <Image Source="imageSamples/gecko.jpg" Stretch="Fill" />

        </Border>

    </Grid>

</DockPanel>

 

转载出处：http://danyaody.blog.163.com/blog/static/681203512012319114837552/

WPF- 图像的旋转、转换、裁剪和拉伸 （后台）

 TransformedBitmap tb = new TransformedBitmap();
 tb.BeginInit();
 BitmapSource bs=(BitmapSource)brcapture.Source;
 tb.Source = bs;
 RotateTransform transform = new RotateTransform(90);
 tb.Transform = transform;
 tb.EndInit();
 brcapture.Source = tb;//brcapture是Image控件

转载出处：http://www.silverlightchina.net/html/study/WPF/2012/0329/14939.html