网站准备建设的内容,网站建设数据保存在哪儿,世界工厂网官网下载,企业官方网站如何做蓝v认证Image图像控件
Image也算是独门独户的控件#xff0c;因为它是直接继承于FrameworkElement基类。
Image控件就是图像显示控件。Image类能够加载显示的图片格式有.bmp、.gif、.ico、.jpg、.png、.wdp 和 .tiff。要注意的是#xff0c;加载.gif动画图片时#xff0c;仅显示第…Image图像控件
Image也算是独门独户的控件因为它是直接继承于FrameworkElement基类。
Image控件就是图像显示控件。Image类能够加载显示的图片格式有.bmp、.gif、.ico、.jpg、.png、.wdp 和 .tiff。要注意的是加载.gif动画图片时仅显示第一帧。如果要显示gif图片可以在nuget服务器中下载WpfAnimatedGif组件。
属性成员
StretchDirection枚举型表示图像缩放的条件UpOnly表示内容仅在小于父级时缩放DownOnly表示内容仅大于父级时缩放Both表示兼容前面两种缩放条件。Stretch枚举型表示图像缩放的模式None表示内容保持其原始大小Fill表示调整内容大小以填充目标尺寸且不保留纵横比Uniform表示在保留纵横比基础上缩放UniformToFill表示在保留纵横比基础上缩放同时具有裁剪功能。Source图像源其类型为ImageSource。BaseUri获取或设置基 统一资源标识符 (URI) 为 System.Windows.Controls.Image。
事件成员
DpiChanged显示图像的屏幕的 DPI 发生更改后触发。ImageFailed在图像中失败时触发。
Image控件分析
Image控件最关键的就是Source属性——即ImageSource类型。ImageSource是一个抽象类表示具有高度、宽度及ImageMetadata对象的图像数据源。
ImageSource有多个子类如BitmapFrame、BitmapSource和DrawingImage。所以我们如果要显示一张图片需要将图片转化成BitmapSource或DrawingImage实例赋值给Image控件的Source属性就行了。
常规图片加载 !-- Image Source/Images/R-C.jpg Width120 Height120/ --Image Sourcepack://application:,,,/Images/R-C.jpg Width120 Height120/统一资源标识Uri WPF引入了统一资源标识Uri来标识和访问资源。其中较为常见的情况是用Uri加载图像。Uri表达式的一般形式为协议授权路径协议pack://授权有两种。
一种用于访问编译时已经知道的文件用application:///一种用于访问编译时不知道、运行时才知道的文件用siteoforigin:///
一般用逗号代替斜杠也就是改写作application:,和pack:,
路径分为绝对路径和相对路径。一般选用相对路径普适性更强。
注意 明明Source是ImageSource类型为什么可以接受一个代表图片路径的字符串呢因为ImageSource类中有一个ToString()重载成员。
本地图片加载
我们把这个张图片放到Debug目录中试试用另一种方式加载本地图片。 此时这张图片并没有导入到项目中我们来看一下如何加载本地图片。
前端代码 WrapPanelImage Source/Images/R-C.jpg Width120 Height120/Image x:Nameimage2 Width120 Height120//WrapPanel后端代码 public partial class MainWindow{public MainWindow(){InitializeComponent();var path Environment.CurrentDirectory \\ R-C.jpg;var imageSource BitmapFrame.Create(new Uri(path), BitmapCreateOptions.None, BitmapCacheOption.OnLoad);image2.Source imageSource;}}在主窗体的构造函数中我们获取了图片的完整地址然后利用BitmapFrame类Create方法成员将本地图片加载进来并返回一个BitmapFrame对象BitmapFrame对象继承于BitmapSource所以我们可以将这个实例通过C#代码的方式赋值给image2的Source属性。
GroupBox标题容器控件
GroupBox控件的功能是提供一个带标题的内容容器它继承于HeaderedContentControl类HeaderedContentControl继承于ContentControl类。通常它用来做一些局部的布局。
GroupBox Header缩略图 Margin5WrapPanelBorder BorderBrushLightGray BorderThickness1 CornerRadius5 Padding3 Margin3Image Sourcepack://application:,,,/Images/R-C.jpg Width100 Height100//BorderBorder BorderBrushLightGray BorderThickness1 CornerRadius5 Padding3 Margin3Image Sourcepack://application:,,,/Images/R-C.jpg Width100 Height100//BorderBorder BorderBrushLightGray BorderThickness1 CornerRadius5 Padding3 Margin3Image Sourcepack://application:,,,/Images/R-C.jpg Width100 Height100//BorderBorder BorderBrushLightGray BorderThickness1 CornerRadius5 Padding3 Margin3Image Sourcepack://application:,,,/Images/R-C.jpg Width100 Height100//BorderBorder BorderBrushLightGray BorderThickness1 CornerRadius5 Padding3 Margin3Image Sourcepack://application:,,,/Images/R-C.jpg Width100 Height100//BorderBorder BorderBrushLightGray BorderThickness1 CornerRadius5 Padding3 Margin3Image Sourcepack://application:,,,/Images/R-C.jpg Width100 Height100//BorderBorder BorderBrushLightGray BorderThickness1 CornerRadius5 Padding3 Margin3Image Sourcepack://application:,,,/Images/R-C.jpg Width100 Height100//Border/WrapPanel/GroupBox因为GroupBox的Content属性只能显示一个内容对象如果要显示多个对象那把给Content一个集合控件比如上面的WrapPanel控件这样就可以在WrapPanel控件中放多个子元素了。
在使用上有一个集合控件与GroupBox类似因为GroupBox只能显示一个区域如果区域过大在有限的窗体无法全部显示出来该怎么办呢ScrollViewer可以做到这一点。后续会给大家说。
