Silverlight学习笔记基本控件（六）

Image:

<UserControl x:Class="ImageDemo.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">
   
    <Grid x:Name="LayoutRoot" Background="White">
       <ScrollViewer>
        <StackPanel Orientation="Vertical">

                <Canvas Width="200" Height="200">
                    <Border BorderBrush="Red" BorderThickness="1">
                         <Image Source="1135203.jpg" Cursor="Hand" Width="100" Height="100" Stretch="Fill"/>
                    </Border>
                    <TextBlock Canvas.Top="100" Text="Fill\n填充至整个区域"></TextBlock>
                  
        </Canvas>
                <Canvas Width="200" Height="200">
                    <Border BorderBrush="Red" BorderThickness="1" >
                        <Image Source="1135203.jpg"  Width="100" Height="100" Cursor="Hand" Stretch="None"/>
                    </Border>
                    <TextBlock Canvas.Top="100" Text="None\n显示为图片原来的大小"></TextBlock>
                </Canvas>
                <Canvas Width="200" Height="200">
                    <Border BorderBrush="Red" BorderThickness="1" >

                        <Image Source="1135203.jpg"   Width="100" Height="100" Cursor="Hand" Stretch="Uniform"/>
                    </Border>
                    <TextBlock Canvas.Top="100" Text="Uniform\n在不改变长宽比例的情况下最大填充，但不能超出边界"></TextBlock>
                </Canvas>
                <Canvas Width="200" Height="200">
                    <Border BorderBrush="Red" BorderThickness="1" >

                        <Image Source="1135203.jpg"  Width="100" Height="100" Cursor="Hand" Stretch="UniformToFill"/>
                    </Border>
                    <TextBlock Canvas.Top="100" Text="UniformToFill\n在不改变长宽比例的情况下最大填充，超出边界部分将隐藏"></TextBlock>
                </Canvas>
           
        </StackPanel>
       </ScrollViewer>
    </Grid>
</UserControl>