WPF【11_3】WPF实战-重构与美化(可复用的UI组件)

11-7 【UI】美化主页面
04:40
既然要使用到图片，肯定要把图片设为静态资源保存到项目中。图片复制到VS项目中后，右击图片 - Properties，找到 Build Action: Resource ，这个图片就可以被WPF程序打包了。

UI重新布局：

   
       
       
   
   
       
       
       
   
    
   
   
       
           
           
       
   

   
       
       
   

   
       
       
       
       
       
       
       

   

   
       
       
       
       

   
    

11-8 【UI】组件化布局

如何把上节的 提取出来，通过 UserControl 封装为可复用的UI组件。

在文件夹“”右击 - Add - New Item ，左侧选择 WPF - User Control (WPF) ，命名为：HeaderControl

--\Controls\HeaderControl.xaml
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:WPF_CMS.Controls"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
   
       
           
           
       
   

--\WPF_CMS\MainWindow.xaml
    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_CMS" 
    xmlns:controls="clr-namespace:WPF_CMS.Controls"
    mc:Ignorable="d"
    Title="MainWindow" Height="450" Width="800">

    …………
   
   
    …………

修改后，未编译时代码显示依然报错，重新构建(编译)一下代码就可以了。