WPF 使用Image控件显示图片

Image控件可以显示 .bmp, .gif, .ico, .jpg, .png, .wdp and .tiff 格式的图片文件。

1. 使用Source属性显示图片

UI 添加Image控件

<Image x:Name="ImageViewer1" Height="100" Width="200"/>

后台代码给Source属性赋值

ImageViewer1.Source = new BitmapImage(new Uri(@"Images\\VS2015.jpg", UriKind.Relative));

效果图如下：

动态切换Source 指定的文件，使用OpenFileDialog 类来选择图片源文件

首先需要添加System.Windows.Forms的引用，来选择磁盘上其它图片文件来展示

private void btnUrl_Click(object sender, RoutedEventArgs e){OpenFileDialog dlg = new OpenFileDialog();dlg.InitialDirectory = "c:\\";dlg.Filter = "Image files (*.jpg)|*.jpg|All Files (*.*)|*.*";dlg.RestoreDirectory = true;if (dlg.ShowDialog() == System.Windows.Forms.DialogResult.OK){string selectedFileName = dlg.FileName;txtFile.Text = selectedFileName;BitmapImage bitmap = new BitmapImage();bitmap.BeginInit();bitmap.UriSource = new Uri(selectedFileName);bitmap.EndInit();ImageViewer1.Source = bitmap;}}

上述方法需要运行代码才能展示图片的。

2. 直接在WPF设计UI上展示图片

直接在XAML代码中

效果如下：

直接展示在界面上，无须运行代码。

可以设置图片显示的宽度和高度。

<Image x:Name="ImageViewer3" Source="Images\\USA.png" Width="100" Height="100"/>

效果如下：

使用BitmapImage方式

<Image Width="100"><Image.Source><BitmapImage DecodePixelWidth="100"  UriSource="Images\\USA.png" /></Image.Source>
</Image>

3.动态添加Image控件，并显示图片

<StackPanel x:Name="sp1" Grid.Row="0" Grid.Column="2" Margin="5"><Button x:Name="btnDynamic" Click="btnDynamic\_Click">动态加载</Button></StackPanel>

后台代码：

private void btnDynamic_Click(object sender, RoutedEventArgs e)
{

    // Create Image and set its width and height Image dynamicImage = new Image();dynamicImage.Width = 300;dynamicImage.Height = 200;// Create a BitmapSource BitmapImage bitmap = new BitmapImage();bitmap.BeginInit();bitmap.UriSource = new Uri(@"C:\\Users\\WPF加载图片文件\\WpfApp1\\Images\\VS2015.png");bitmap.EndInit();// Set Image.Source dynamicImage.Source = bitmap;// Add Image to Window sp1.Children.Add(dynamicImage);
}

效果如下：

WPF 使用Image控件显示图片相关推荐

C#利用Picturebox控件显示图片
源文章:https://blog.csdn.net/liyuqian199695/article/details/54098938 C#利用Picturebox控件显示图片 1.Picturebox控 ...
MFC 对话框中的picture control 控件显示图片
MFC读取图片一般使用自定义的DIB文件.DIB文件集中了处理图片的API函数,这样可以方便我们的图像操作. DIB文件下载路径:DIB文件下载 MFC显示图片有几种方法: 1.在运行界面上选择文件 ...
image控件显示图片_Unity之Image amp; Raw Image
推荐阅读: 我的CSDN 我的博客园 QQ群:704621321 我的个人博客前言在Unity中,图片组件主要有Image和Raw Image,今天,偶然发现了项目中别人有用到Raw Image, ...
实现picturecontrol控件显示图片_陕西曝光机触摸屏实时数据控件
随着市场需求的快速发展,PCB行业对产能的要求与日俱增.为了在保证品质的前提下快速提高产能,PCB曝光领域掀起了一场新的革命,那就是对传统曝光机进行UVLED改造,用UVLED光源代替传统汞灯.目前市 ...
PyCharm pyqt5用label控件显示图片 QPixmap 串口通信指示灯
import sys from PyQt5.QtWidgets import QApplication, QMainWindow from PyQt5.QtGui import QPixmap imp ...
使用CvvImage类在MFC的static控件显示图片
使用OpenCV的库,可以非常便捷地实现对图像的各种操作.在CTestDlg对话框中放置一个picture static控件,ID为IDC_STATIC,如下函数即可实现显示图片的功能.根据此方法,可 ...
QT 通过label控件显示图片，图片能自适应label的大小
将通过URL下载的图片显示出来: 效果如下: //显示图片QPixmap pix;QImage image(fileName);//filename,图片的路径名字ui->pix->set ...
修改一下DELPHI ，cxImage控件显示图片异常时候的情况
2019独角兽企业重金招聘Python工程师标准>>> 客户提出客户端预览图片的时候经常报错,影响操作.经检查是图片异常导致cxImage控件不停的显示异常导致的. 我个人为了省事, ...
WPF 中DataGrid控件显示和设置数据
一.基础知识 1.DataGrid控件:用来显示数据的控件,从对象集合中获取信息并在具有行和单元格的网格中显示信息.每行和单独的对象相对应,并且每列和对象的某个属性相对应. 2.在DataGrid 中 ...
Qt——P26 Label控件显示图片
先把图片资源添加到Qt ui界面创建label //利用lable 显示图片ui->label_image->setPixmap(QPixmap(":/picture/abc.p ...

WPF 使用Image控件显示图片

1. 使用Source属性显示图片

2. 直接在WPF设计UI上展示图片

3.动态添加Image控件，并显示图片

WPF 使用Image控件显示图片相关推荐

最新文章

热门文章