Silverlight中Image控件Stretch属性的四种值比较

通过设置Image控件Stretch属性的值可以控制图片的显示形式：

　　包含的值：None、Fill、Uniform、UniformToFill

 1  <Grid x:Name="LayoutRoot" Background="White" Height="489" Width="603">

 2         <Image Height="150" HorizontalAlignment="Left" Name="image1" Stretch="None" VerticalAlignment="Top" Width="200" Source="/SilverlightApplication1;component/Images/2009011911345229.jpg" Margin="10,14,0,0" />

 3         <Image Height="150" HorizontalAlignment="Left" Margin="325,14,0,0" Name="image2" Stretch="Fill" VerticalAlignment="Top" Width="200" Source="/SilverlightApplication1;component/Images/2009011911345229.jpg" Grid.ColumnSpan="3" />

 4         <Image Height="150" HorizontalAlignment="Left" Margin="10,239,0,0" Name="image3" Stretch="Uniform" VerticalAlignment="Top" Width="200" Source="/SilverlightApplication1;component/Images/2009011911345229.jpg"  />

 5         <Image Height="150" HorizontalAlignment="Left" Margin="325,239,0,0" Name="image4" Stretch="UniformToFill" VerticalAlignment="Top" Width="200"  Source="/SilverlightApplication1;component/Images/2009011911345229.jpg" Grid.ColumnSpan="3" />

 6         <TextBlock Height="67" HorizontalAlignment="Left" Margin="12,166,0,0" Name="textBlock1" VerticalAlignment="Top" Width="207" TextWrapping="Wrap">

 7             <TextBlock.Text>

 8                 None：图片直接加载到Image控件中，不进行拉伸，如果Image控件的大小是100X100 而图片的大小为1000X1000 则只显示顶部的100X100

 9             </TextBlock.Text>

10         </TextBlock>

11         <TextBlock Height="67" HorizontalAlignment="Left" Margin="325,166,0,0" Name="textBlock2" VerticalAlignment="Top" Width="200" TextWrapping="Wrap" Grid.ColumnSpan="3">

12             <TextBlock.Text>

13                 Fill：图片会拉伸或缩小以适应Image控件 长宽比可能改变

14             </TextBlock.Text>

15         </TextBlock>

16         <TextBlock Height="67" HorizontalAlignment="Left" Margin="12,395,0,0" Name="textBlock3"  TextWrapping="Wrap" VerticalAlignment="Top" Width="200" >

17             <TextBlock.Text>

18                 Uniform：图片会拉伸到最佳大小（不一定充满整个Image控件）保持长宽比不变

19             </TextBlock.Text>

20         </TextBlock>

21         <TextBlock Height="67" HorizontalAlignment="Left" Margin="325,395,0,0" Name="textBlock4" VerticalAlignment="Top" Width="200"  TextWrapping="Wrap" Grid.ColumnSpan="3">

22             UniformToFill：图片会在不改变长宽比的前提下拉伸，它会充满整个Image控件 但可能被裁减

23         </TextBlock>

24     </Grid>

时间： 2024-12-10 20:25:57

Silverlight中Image控件Stretch属性的四种值比较的相关文章

Image控件Stretch属性的四种值比较

None:图片直接加载到Image控件中,不进行拉伸,如果Image控件的大小是100X100 而图 Fill:图片会拉伸或缩小以适应Image控件长宽比可能改变 Uniform:图片会拉伸到最佳大小(不一定充满整个Image控件)保持长宽比不变 UniformToFill:图片会在不改变长宽比的前提下拉伸,它会充满整个Image控件但可能被裁减. 使用的图片是220X220 Image控件是200x150 通过上面的显示效果就可以一目了然啦 None:显示200x150 它从图片的顶点

Silverlight中DataPager控件扩展

大家一定遇到这样的情况,想改变一下SL的DataPager的显示信息,比如希望分页控件上显示数据的总数.那么就需要扩展一下DataPager控件即可. 其实扩展DataPager很简单,只要获取到DataPager控件上的元素,然后再改变元素上数据.比如DataPager控件上显示“总页数”的元素是一个TextBlock,那么可以通过方法GetTemplateChild获取到,参数是元素的名称.然后通过重写方法OnApplyTemplate即可,下面请看代码代码 Code highlighti

Image控件Stretch属性

通过设置Image控件Stretch属性的值可以控制图片的显示形式: 包含的值:None.Fill.Uniform.UniformToFill <Grid x:Name="LayoutRoot" Background="White" Height="489" Width="603"> <Image Height="150" HorizontalAlignment="Left&qu

Android中常用控件及属性

在之前的博客为大家带来了很多关于Android和jsp的介绍,本篇将为大家带来,关于Andriod中常用控件及属性的使用方法,目的方便大家遗忘时,及时复习参考.好了废话不多讲,现在开始我们本篇内容的介绍. 1.控制应用显示的方向: setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);//竖直显示效果. setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LA

Android开发之基本控件和详解四种布局方式

Android中的控件的使用方式和iOS中控件的使用方式基本相同,都是事件驱动.给控件添加事件也有接口回调和委托代理的方式.今天这篇博客就总结一下Android中常用的基本控件以及布局方式.说到布局方式Android和iOS还是区别挺大的,在iOS中有Frame绝对布局和AutoLayout相对布局.而在Android中的布局方式就比较丰富了,今天博客中会介绍四种常用的布局方式.先总结一下控件,然后再搞一搞基本方式,开发环境还是用的Mac下的Android Studio.开始今天的正题, 虽然A

设置Form窗体中的控件的属性

借助于反射,可获取当前窗体中的所有控件,根据需要设置它们的属性. Font defaultFont = new System.Drawing.Font("Microsoft Sans Serif", 8.25F); //查找所有的控件,设置为同样的字体 IterateControls(this.Controls, typeof(Foundation.WinUI.Misc.Label)); foreach (Control ctrl in grids) { ctrl.Font = def

Silverlight中获取控件中子控件

如题:,直接来看代码: /// <summary> /// 查找并返回第一个相同 name的子元素 /// </summary> /// <typeparam name="T">需要查找的子控件类型</typeparam> /// <param name="obj">需要查找其下面子控件的控件类型</param> /// <param name="childName&q

WPF中常用控件的属性

Source = new BitmapImage( new Uri( WangCaiConfig.GetCurrentDirectory() + imgStr, UriKind.RelativeOrAbsolute)) this.PictureImage.Source = new BitmapImage( new Uri(img, UriKind.RelativeOrAbsolute)); Canvas.Right="10": Canvas.SetRight(stateImage, 0

Silverlight 中datagrid控件-- 通过设置数据虚拟化加速显示

定义依赖属性作为datagrid的数据源 protected static readonly DependencyProperty ViewLogsProperty = DependencyProperty.Register("ViewLogs", typeof(ObservableCollection<RMSReportEvent>), typeof(LogViewer), new PropertyMetadata(null)); protected Observable