暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

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

DotNet工控上位机编程 2021-12-28
969




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

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

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

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


01


重要的知识点


本篇内容基于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 >
复制

设定显示时长:

 ToolTipService.ShowDuration="5000"
复制

  Tooltip将显示5秒钟。

ToolTipService主要属性

ToolTipService.InitialShowDelay="1000"  //获取或设置工具提示打开前的时间长度

ToolTipService.ShowDuration="7000" //显示时间

ToolTipService.BetweenShowDelay="2000"//获取或设置两个工具提示显示之间的最大时间(第二个工具提示不经延迟即会出现)。

ToolTipService.Placement="Right"//工具提示相对原控件打开时的方向,并指定工具提示在与屏幕边界重叠时的行为。

ToolTipService.PlacementRectangle="50,0,0,0"//获取或设置相对于其来放置工具提示的矩形区域。

ToolTipService.HorizontalOffset="10"//获取或设置由 PlacementRectangle 和 PlacementTarget 属性为工具提示指定的区域的左侧偏移量。

ToolTipService.VerticalOffset="20"//获取或设置由 PlacementRectangle 和 PlacementTarget 属性为工具提示指定的区域的顶部距离。

ToolTipService.HasDropShadow="False"//获取或设置工具提示是否显示投影效果。

ToolTipService.IsEnabled="True"//获取或设置是否显示工具提示。

---------------------------------------------------------------------------

其它的知识点已经在之前讲解过,不懂得话参考以下链接阅读:

C# WPF框架Caliburn.Micro入门实例1

C# 项目实战(经典)


02


操作演示




03


结尾

项目源码网盘下载地址


链接:https://pan.baidu.com/s/1fMiqhFJiVfkDTzTAjjcvAQ

提取码:  右下角点击再看或者转发,超过20个以后我会在留言区公布!



文章转载自DotNet工控上位机编程,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论