NET WPF图片显示

一、本地图片准备

第一步： 在项目下新建一个images目录来存放图片

images目录

第二步： 选中图片usericon.jpg 设置属性，将【生成操作】属性设置为【资源】

image.png

第三步： 重新生成
选中项目，选择【重新生成】

重新生成

二、代码

2.1 ImageWindow.xaml

<Window x:Class="wpf_demo.ImageWindow"
        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"
        xmlns:local="clr-namespace:wpf_demo"
        mc:Ignorable="d"
        Title="图片显示" Height="450" Width="800">
    <Grid>
        <VirtualizingStackPanel>
            <VirtualizingStackPanel  Orientation="Horizontal" HorizontalAlignment="Center">
                <TextBlock Text="本地固定图片:" Margin="0 0 20 0"></TextBlock>
                <Image Source="/images/usericon.jpg" Width="100" Height="100"></Image>
            </VirtualizingStackPanel>

            <VirtualizingStackPanel  Orientation="Horizontal" HorizontalAlignment="Center" Margin="0 20 0 0">
                <Button Click="LocalImgAction" Content="动态设置本地图片" Margin="0 0 20 0"></Button>
                <Image x:Name="imgLacal" Width="100" Height="100"></Image>
            </VirtualizingStackPanel>

            <VirtualizingStackPanel  Orientation="Horizontal" HorizontalAlignment="Center" Margin="0 20 0 0">
                <Button Click="NetImgAction" Content="动态设置网络图片" Margin="0 0 20 0"></Button>
                <Image x:Name="imgNet" Width="100" Height="100"></Image>
            </VirtualizingStackPanel>

        </VirtualizingStackPanel>
    </Grid>
</Window>

2.2 ImageWindow.xaml.cs

using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace wpf_demo
{
    public partial class ImageWindow : Window
    {
        public ImageWindow()
        {
            InitializeComponent();
        }

        void LocalImgAction(object sender, RoutedEventArgs e)
        {
            Uri uri = new Uri("/images/usericon.jpg", UriKind.Relative);
            this.imgLacal.Source = new BitmapImage(uri);
        }

        void NetImgAction(object sender, RoutedEventArgs e)
        {
            Uri uri = new Uri("https://bpic.51yuansu.com/pic3/cover/04/06/14/6152bc1f0427b_610.jpg");
            this.imgNet.Source = new BitmapImage(uri);
        }
    }
}

三、效果

效果