C# WPF MVVM项目实战(进阶①)

Posted 2021-08-30 dotNET跨平台

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了C# WPF MVVM项目实战(进阶①)相关的知识，希望对你有一定的参考价值。

这篇文章还是在之前用Caliburn.Micro搭建好的框架上继续做的开发，今天主要是增加了一个用户窗体TestFormView，然后通过TabControl，将新增的窗体加载到主界面上进行分页显示，新增的页面引用了

WPF UI：WPF Datagrid合并表头的思路

https://mp.weixin.qq.com/s/-x_21jOT4VAxiKhT6fgnhg ，

后续有新的想法我继续会在此基础上叠加完善。

—

重要的知识点

本篇内容基于CM框架编写，涉及以下知识点：

① 将UserControl添加到主窗体：

首先在主窗体viewmodel中定义UserControl

public TestFormViewModel TestFormView { get; set; }

然后在构造函数中实例化：

TestFormView = new TestFormViewModel();

最后在主窗体XMAL中附加引用：

 <ContentControl cal:View.Model="{Binding TestFormView}"/>

②分页显示控件TabControl用法：

<TabControl Name="tabControl">
   <TabItem Name="Up1" Header="PageView1">
    </TabItem>
   <TabItem Name="Up2" Header="PageView2" >         
    </TabItem>
 </TabControl>

③表头合并：代码较长，此处省略

④使用样式：

添加资源字典，然后填写样式：

    <Style x:Key="BtnControl" TargetType="Button">
        <Setter Property="MinHeight" Value="30"/>
        <Setter Property="MinWidth" Value="50"/>
        <Setter Property="Background" Value="LightGray"/>
        <Setter Property="FontSize" Value="35"/>
</Style>

引用：

在需要引用的视图中把编写好的样式合并进来：

 <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="../Styles/TestStyle.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>

然后引用：

<Button Name="btnCtrl" Content="ActionBtn" Style="{StaticResource BtnControl}" />

⑤Tooltip用法：

C#下的ToolTip是当鼠标移到某个控件上后可以弹出提示的控件。

 <Button Content ="Button"  Background="LightCyan" FontSize="45" Grid.Row="1" Grid.Column="0">
            <Button.ToolTip >
                <ToolTip Placement ="Right" FontSize="40" Foreground="Red">
                    <TextBlock >
                    按钮tooltip
                    </TextBlock >
                </ToolTip >
            </Button.ToolTip >
        </Button >

设定显示时长：