WPF中Image控件的使用（新手小白适用保姆级教学）

关于Image控件的使用方法：

第一步创建新项目

 然后再搜索框搜索WPF

这里我选择创建第一个WPF应用、点击下一步

 

可以命名你自己的名字，解决方案不用管 ，我这里默认wpfapp3

创建成功后，你可以根据你照片的需求来设计第一行，我以我的照片大小600*1200为例

<Window x:Class="WpfApp2.MainWindow"
        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:WpfApp2"
        mc:Ignorable="d"
        Title="MainWindow" Height="600" Width="1200"> 
         //这里600代表宽，1200代表长如果你想让他变成竖着的，那就两个信息互换一下
    <Grid>
        
    </Grid>
</Window>

 

然后在解决方案中找到图标为“C#”的“wpfapp”程序

右键选择“添加”-“现有项"

到这个页面后先添加文件夹或者不添加文件夹直接添加添加图片

 

命名为：“photo”、避免下划线或者“/”尽量都不要出现（大佬当我没说） 

再右键我们刚刚创建的“photo”文件夹，继续添加“现有项”

点击现有项后大部分初学者会卡在这一步，因为找不到图片 

 

我们只需要点击右下角选择所有文件即可，然后命名好自己的照片

 

 

这里我命名为，“2.jpg”文件名称，建议改掉一长串名称，让他变得简洁而易看

然后继续回到 mainwindow.xmal

编辑“Grid”部分

 <Grid>
     <Image x:Name="pi" Source="photo\2.jpg " Stretch="Fill"></Image>
     
 </Grid>

在这里 “Image”代表控件，“x:name”代表再赋予图片一个名称，“Source”代表路径，“Stetch=Fill”代表填充整个画面。

我以纯粉色图片为例，效果如下：

 

看到这里的留下一个赞赞吧毕竟制作不易，你们的支持是我前进的动力 ！！

到这里就结束啦！