WPF-基础及进阶扩展合集（持续更新）

置顶 已于 2024-04-17 09:36:03 修改
阅读量3.5k 收藏 14
点赞数 136
分类专栏： WPF基础与进阶 文章标签： 开发语言 wpf
于 2024-04-15 14:21:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rwo_bear/article/details/132837037
版权

目录

一、基础

1、GridSplitter分割线

2、x:static访问资源文件

3、wpf触发器

4、添加xaml资源文件

5、Convert转换器

6、多路绑定与多路转换器

二、进阶扩展

1、HierarchicalDataTemplate

2、XmlDataProvider从外部文件获取源

3、TextBox在CellTemplate中的焦点问题

4、让窗体可裁减

5、ScrollViewer自动滚动到尾部

6、wpf的Behavior行为

8、Cursor光标属性

9、ListView布局、滚动条

10、DataGrid文本过长换行

11、指定字体集FontFamily

12、窗体可拖动

WPF相关合集如下：

WPF之关于Brush及其多种派生类的定义与使用方式

WPF之关于Command命令的自定义及使用 

WPF之关于常用集合控件的定义及使用

WPF之关于依赖属性与附加属性的定义及其使用方式

WPF之关于路由事件与附加事件的自定义及其使用方式

WPF之关于动画Animation的定义、使用方式及其扩展知识

WPF之关于DragDrop拖拽的定义及其多种实现方式

WPF之关于逻辑树与视觉树的遍历及其获取方式

一、基础

 了解更多控件介绍请点击：官方文档查询

1、GridSplitter分割线

将分割线加入Grid某行或某列，用户即可通过拖拽改变行或列的尺寸。

 垂直拖拽，示例：

<Grid>
   <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="3" />
       <RowDefinition Height="*" />
   </Grid.RowDefinitions>
   <hc:TextBox Background="LightGray" />
   <GridSplitter Grid.Row="1" HorizontalAlignment="Stretch" />
   <hc:TextBox Grid.Row="2" Background="LightBlue" />
 </Grid>

水平拖拽 ，示例：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="3"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <hc:TextBox Background="LightGray" />
    <GridSplitter Grid.Column="1" HorizontalAlignment="Stretch" />
    <hc:TextBox Grid.Column="2" Background="LightBlue" />
</Grid>

2、x:static访问资源文件

 注意：资源文件访问权限须更改为Public

            <TextBlock x:Name="tBk"
                       Height="50"
                       Background="LemonChiffon"
                       Text="{x:Static prop:Resources.Gear}" />

3、wpf触发器

三类型：  属性触发器、数据触发器、事件触发器

使用场景：

        样式：Style.Triggers

        数据模板：DataTemplate.Triggers

        控件模板：ControlTemplate.Triggers

        元素中定义触发器：FrameworkElement.Triggers  //仅支持事件触发器，否则报错

      <Style TargetType="Button">
          <Setter Property="Background" Value="Gray" />
          <Setter Property="Template">
              <Setter.Value>
                 <ControlTemplate TargetType="Button">
                    <Border Background="{TemplateBinding Background}"
                        BorderBrush="Black"
                        BorderThickness="1">
                       <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                     </Border>
                     <ControlTemplate.Triggers>
                         <Trigger Property="IsMouseOver" Value="true">
                              <Setter Property="Background" Value="LightGreen" />
                         </Trigger>
                      </ControlTemplate.Triggers>
                   </ControlTemplate>
               </Setter.Value>
           </Setter>
      </Style>

4、添加xaml资源文件

pack://application:,,,  可省略 

    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/SkinDefault.xaml" />
                <ResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/Theme.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>

5、Convert转换器

①继承IValueConverter接口（Convert方向为Source->Target，ConvertBack反向）实现一个转换器，示例如下：

    public class BoolToColorConvert : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            if (value is true) return Brushes.LightBlue;
            else return Brushes.LightGreen;
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

②新建一个转换器资源对象，与Binding绑定，如下：

<Grid.Resources>
    <convert:BoolToColorConvert x:Key="myconv"/>
</Grid.Resources>  
<TextBox Background="{Binding IsCheck,Converter={StaticResource myconv}}" Text="{Binding IsCheck}" />

6、多路绑定与多路转换器

注意：MultiBinding必须实现转换器

实现IMultiValueConverter接口的多路转换器，示例如下：

    public class MultiConvert : IMultiValueConverter
    {
        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
        {
            var high = values[0].ToString();
            if (values[1] is true)
                return $"{high}   true";
            else return $"{high}   false";
        }

        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }
<Grid.Resources>
    <convert:MultiConvert x:Key="mconv" />
</Grid.Resources>
<hc:TextBox>
    <hc:TextBox.Text>
         <MultiBinding Converter="{StaticResource mconv}">
             <Binding ElementName="tbox" Path="Width" />
             <Binding Path="IsCheck" />
         </MultiBinding>
     </hc:TextBox.Text>
</hc:TextBox>

二、进阶扩展

1、HierarchicalDataTemplate

HierarchicalDataTemplate：助层级控件（TreeView、MenuItem）显示层级数据模板

     注意：若结点为同类型（同节点名、同属性名），使用一个Template就行，会自动迭代；

                可通过路由事件方式取出XML数据；

    <Window.Resources>
        <XmlDataProvider x:Key="xdp" XPath="School">
            <x:XData>
                <School xmlns="" Name="魔法学院">
                    <Grade Name="一年级">
                        <Class Name="一班" />
                        <Class Name="二班" />
                    </Grade>
                    <Grade Name="二年级">
                        <Class Name="一班" />
                        <Class Name="二班" />
                    </Grade>
                </School>
            </x:XData>
        </XmlDataProvider>
        <HierarchicalDataTemplate DataType="School" ItemsSource="{Binding XPath=Grade}">
            <TextBlock Text="{Binding XPath=@Name}" />
        </HierarchicalDataTemplate>
        <HierarchicalDataTemplate DataType="Grade" ItemsSource="{Binding XPath=Class}">
            <RadioButton Content="{Binding XPath=@Name}" GroupName="gp" />
        </HierarchicalDataTemplate>
        <HierarchicalDataTemplate DataType="Class">
            <CheckBox Content="{Binding XPath=@Name}" IsThreeState="True" />
        </HierarchicalDataTemplate>
    </Window.Resources>

2、XmlDataProvider从外部文件获取源

 代码如下：

        <Grid.Resources>
            <XmlDataProvider x:Key="xmldata"
                             Source="Xml/mydata.xml"
                             XPath="ArrayOfJsonTest" />
        </Grid.Resources>
            <ListBox Height="80"
                     d:ItemsSource="{d:SampleData ItemCount=3}"
                     Background="LightYellow"
                     BorderBrush="DarkOrange"
                     BorderThickness="3"
                     ItemsSource="{Binding Source={StaticResource xmldata}, XPath=JsonTest}">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <Border BorderBrush="DarkOrchid" BorderThickness="3">
                            <StackPanel Width="200"
                                        Height="30"
                                        Orientation="Horizontal">
                                <TextBlock Width="NaN"
                                           Margin="5"
                                           Text="{Binding XPath=Name}" />
                                <TextBlock Width="NaN"
                                           Margin="5"
                                           Text="{Binding XPath=Value}" />
                                <TextBlock Width="NaN"
                                           Margin="5"
                                           Text="{Binding XPath=Id}" />
                            </StackPanel>
                        </Border>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

3、TextBox在CellTemplate中的焦点问题

当使用GridView作为ListView的View属性时，若某一列使用TextBox作为CellTemplate，那么TextBox获取焦点时目标控件并不会把该项作为SelectedItem

解决方式:通过TextBox的GotFocus事件的事件处理器去追溯到目标控件，获取业务逻辑数据，并将其设置为选中项；

/*********访问业务逻辑数据***************/

TextBox tb=e.OriginalSource as TextBox;//获取事件发起的源头

ContentPresenter cp=tb.TemplateParent as ContentPresenter;//获取模板目标

Student stu=cp.Content as Student;//获取业务逻辑数据

this.listViewStudent.SelectedItem=stu;//设置ListView的选中项

/****************访问界面元素*************************/

ListViewItem lvi=this.listViewStudent.

                itemContainerGenerator.ContainerFromItem(stu) as ListViewItem;//通过条目容器自上而下寻找

CheckBox chb=this.FindVisualChild<CheckBox>(lvi)；//借助VisualTreeHelper封装的方法

MessageBox.Show(chb.Name);

注意：寻找DataTemplate生成的控件，若结构简单可使用DataTemplate对象的FindName方法，对于结构复杂的控件，只能借助VisualTreeHelper来实现了。 

4、让窗体可裁减

前提：窗体AllowsTransparency属性设为true

                  WindowStyle属性设为None

再使用Clip方法裁剪，指定一个裁剪路径

5、ScrollViewer自动滚动到尾部

通过ScrollChanged路由事件实现该功能：

private void ScrollViewer_ScrollChanged(object sender, ScrollChangedEventArgs e)
        {
            var scrollViewer = (ScrollViewer)sender;
            // 检查是否已滚动到底部
            bool isAtBottom = scrollViewer.VerticalOffset >= scrollViewer.ScrollableHeight - 1;
            // 如果已滚动到底部，自动滚动到底部
            if (isAtBottom)
            {
                try
                {
                    scrollViewer.ScrollToBottom();
                }
                catch
                {
                    // ignored
                }
            }
        }

6、wpf的Behavior行为

引用System.Windows.Interactivity库

使用事件触发行为

<Button Width="90"
         Height="90"
         Background="LightBlue"
         Content="Ok"
         FontSize="30" >
        <i:Interaction.Behaviors>
           <inter:MyBehavior/>
        </i:Interaction.Behaviors>
</Button>
    public class MyBehavior:Behavior<Button>
    {
        protected override void OnAttached()
        {
            base.OnAttached();
            AssociatedObject.Click += AssociatedObject_Click;
        }

        private void AssociatedObject_Click(object sender, RoutedEventArgs e)
        {
            AssociatedObject.Background = Brushes.LightGreen;
            AssociatedObject.Content = "Green";
        }

        protected override void OnDetaching()
        {
            base.OnDetaching();
            AssociatedObject.Click-= AssociatedObject_Click;
        }
    }

导航：

1、NavigationService.GoBack();  //向下，使用前判断CanGoBack()

2、NavigationService.GoForward();  //向上，使用前判断CanGoForward()

3、NavigationService.Navigate(new Uri("Page3.xaml", UriKind.RelativeOrAbsolute));//导航

使用方法1：

  <TextBlock x:Name="tblk" Background="LightGray">
       <Hyperlink Click="Hyperlink_Click" NavigateUri="https://cn.bing.com">
       BiYin
       </Hyperlink>
  </TextBlock>
 private void Hyperlink_Click(object sender, RoutedEventArgs e)
 {
    Hyperlink hyperlink = (Hyperlink)sender;
    Process.Start(new ProcessStartInfo(hyperlink.NavigateUri.AbsoluteUri));
    //Process.Start(new ProcessStartInfo("https://www.csdn.net/"));
 }

使用2：结合Page使用

                <Frame x:Name="fram"
                       Height="200"
                       Source="Page1.xaml" />

this.fram.Navigate(new Uri("Page2.xaml", UriKind.RelativeOrAbsolute));

8、Cursor光标属性

FrameworkElement的属性，可设置控件区域光标的不同状态

9、ListView布局、滚动条

1、ItemsPanel：可设置数据项布局水平或垂直

2、ItemContainerStyle ：设置每个项的样式，

                                BasedOn：继承指定对象

3、Template：可通过模板给无ScrollViewer功能的容器添加ScrollViewer

                1、ScrollViewer控件：封装了水平、垂直ScrollBar和一个内容容器

                2、ItemsPresenter：itemsControl不负责呈现控件，通过子元素ItemsPresenter负责，放在模板内部，该子元素会检测其父元素是否为集合控件，若是则添至视觉树中
————————————————

更详细点击：
    转到示例

10、DataGrid文本过长换行

通过Column的ElementStyle设置TextBlock的属性如下（注意：Width属性必须设置后才有效）

，该方法会多显示一行，如果太长仍不能显示全部：

            <DataGrid.Columns>
                <DataGridTextColumn Width="*"
                                    Binding="{Binding}"
                                    Header="Head1">
                    <DataGridTextColumn.ElementStyle>
                        <Style>
                            <Setter Property="TextBlock.TextWrapping" Value="Wrap" />
                            <Setter Property="TextBlock.TextAlignment" Value="Left"/>
                        </Style>
                    </DataGridTextColumn.ElementStyle>
                </DataGridTextColumn>
            </DataGrid.Columns>

11、指定字体集FontFamily

①添加字体资源文件；

②双击字体文件可查看字体名称；

③指定字体集；

<TextBlock Height="NaN"
           Margin="5"
           FontFamily="./Fonts/#Algerian"
           FontSize="40"
           Text="My Test" />

12、窗体可拖动

<Border Grid.ColumnSpan="2"
        Background="Transparent"
        ClipToBounds="True"
        CornerRadius="5 5 0 0"
        MouseLeftButtonDown="Top_MouseLeftButtonDown">
</Border>
        private void Top_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            if (e.LeftButton == MouseButtonState.Pressed) DragMove();
        }

一介学徒
关注
  • 136
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
C# WPF上位机开发（ExtendedWPFToolkit扩展包使用）
嵌入式-老费，一个分享专业嵌入式知识的blog
12-18 1084
【 声明：版权所有，欢迎转载，请勿用于商业用途。 联系信箱：feixiaoxing @163.com】 虽然个人认为当前的c# wpf内容已经足够多，但是肯定还是有很多个性化的需求没有满足。比如说不够好看，比如说动画效果不好，再比如说特定的行业控件没有等等。为了解决这些问题，一般可以通过两种方式来解决，一种是自己用canvas编写动画；另外一种就是继续寻找新的控件库来进行处理。 自己写canvas比较麻烦点，查找新的控件库则成为了大多数人选择的方法。好在目前除了官方的
WPF编程系列——进阶
01-01
WPF编程进阶书籍，在上一本入门书籍的基础上重点将WPF各个元素控件的使用和高级技巧，需要先学习入门篇。看完了基本可算掌握了WPF基本编程技术。
WPF控件之TreeView扩展应用（三）
weixin_45650894的博客
08-01 1039
目录树查询
基于Visual Studio扩展的WPF工业组态UI控件-ConPipe
hurst2011的博客
03-30 5988
本文的组态控件是由这两篇文章中的方案升级而来的，升级控件依然继承了“程序员自己能干的事情绝不麻烦美工”的思想。最大的不同就是由ConPipe Studio工具直接升级到Visual Studio的扩展，也就是管道、皮带轮、链轮等支持拖拽改变布局的控件直接由VS扩展提供支持，不需要再将xaml代码复制到ConPipe Studio里进行布局调整，省得再来回倒腾xaml代码。此次升级的控件数量由之前的二十多个增加到四十多个，主要分组态控件和基础控件。
C#WPF实现TextBox控件水印效果的两种实现方法
weixin_44239774的博客
05-25 2565
C#WPF实现TextBox控件水印效果的两种实现方法 在WPF实际项目中往往需要在TextBox中加入水印，来告诉使用者输入TextBox中的内容，如下图片所示： 下面介绍两种方式，来添加上图中的水印效果： 第一种方法：也是最简单的一种，使用第三方的组件库HandyControl来实现， 首先在Nuget中查找HandyControl，并安装，如图： 随后在WPF前端Xaml中引用这个库： xmlns:hc="https://handyorg.github.io/handycontrol" 随后在Ap
WPF高级教程（一）概述
白话屋
02-19 4171
WPF是什么 WPF是基于Windows的用户界面框架，划重点：基于Windows，用户界面框架。 需要注意的是，WPF仅仅是有关于用户界面渲染的技术，而后台的开发，与系统的交互等都需要.NET Framework 的支持。 为什么写这一系列教程 在写这一系列教程之前，我去逛了逛论坛，对WPF一如既往的唱衰之声，而其核心问题，就是它不能跨平台，那么WPF究竟还有没有其存在的价值呢？ 我在很多城市有...
WPF（二） WPF核心进阶
Hello World!
08-19 2127
控件模型：WPF 提供三个用于创建控件的常规模型，每个模型都提供不同的功能集和灵活度。 三个模型的基类是UserControl、Control 和 FrameworkElement 。其中UserControl称为用户控件继承自ContentControl，提供类似于Window窗口的简单布局控件创建方式（实现组合控件）。而Control 和 FrameworkElement 称为自定义控件，自定义控件比用户控件更低级别，得到的控制越多，但继承的功能就越少。用户控件和自定义控件之间的主要区别之一：自定义控件
WPF进阶技巧 控件模板
weixin_40029679的博客
10-12 1180
控件模板设定
WPF开发进阶 - Fody/PropertyChanged（二）
weixin_30391339的博客
02-06 566
前一篇 简单的介绍了Fody/PropertyChanged的使用方法, 这一篇，我们详细介绍它的一些比较重要的特性和规则 1. Attributes 通过在类或属性上标记这些特性，可以在编译代码时，注入特定的功能 ImplementPropertyChangedAttribute 为类标记此特性，可以实现INotifyPropertyChanged接口 [ImplementProp...
wpf进阶教程（二）：组织模板资源，创建和使用资源字典
qq_43511299的博客
12-08 423
当我们需要在多个窗体，甚至整个应用程序中使用模板，但是又不想重复定义时，就可以定义以下模板资源，实现模板共享，一般在资源字典中定义资源。 项目源码 资源字典控件模板 创建资源字典： <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"&g
使用HandyControl的TextBox封装一个选择路径的控件
weixin_44177600的博客
05-31 846
使用HandyControl的TextBox封装一个选择路径的控件： 1.自定义一个SelectPathTextBox类继承自HandyControl中的TextBox，并添加一个选择路径按钮的依赖属性 提示：CommonOpenFileDialog 需要通过nuget安装 WindowsAPICodePack-Shell 才能使用 public class SelectPathTextBox : TextBox { public static readonly Depe
WPF-进阶视频教程（共113集）-012更新数据库.mp4
04-22
WPF-进阶视频教程（共113集）-012更新数据库.mp4
WPF项目入门必知必会基础--巩固和进阶必会 视频课程P1-P10
07-31
2022年WPF入门教程详解，适合新手上路 全部测试源码，功能逐个实现
WPF-进阶视频教程（共113集）-073_3D绘图基础.mp4
04-22
WPF-进阶视频教程（共113集）-073_3D绘图基础.mp4
WPF优秀项目及源码 wosk-94877
06-11
WPF优秀项目及源码 wosk-94877WPF优秀项目及源码 wosk-94877WPF优秀项目及源码 wosk-94877WPF优秀项目及源码 wosk-94877WPF优秀项目及源码 wosk-94877WPF优秀项目及源码 wosk-94877WPF优秀项目及源码 wosk-94877WPF...
WPF 基础教程和进阶教程.txt
11-16
WPF 基础教程和进阶教程，里面带有视频和文档来教学的,大家一起来学习下吧,
《前端面试题》- TypeScript - TypeScript的优/缺点
小张微说的博客
04-22 2494
问题 简述TypeScript的优/缺点 答案 优点 增强了代码的可读性和可维护性 包容性，js可以直接改成ts，ts编译报错也可以生成js文件，兼容第三方库，即使不是ts编写的 社区活跃，完全支持es6 缺点 增加学习成本 增加开发成本，因为增加了类型定义 需要编译，类型检查会增加编译时长，语法和类型系统复杂的话时间特别特别长 eval和new Function()这种操作类型系统管不到 ...
WPF控件：密码框绑定MVVM
2401_84040100的博客
04-25 224
【代码】WPF控件：密码框绑定MVVM。
wpf 树形结构
最新发布
风-的博客
04-30 121
Simplifying the WPF TreeView by Using the ViewModel Pattern - CodeProject
wpf-ui-master
10-30
WPF-UI-Master 是一个 WPF（Windows Presentation Foundation）用户界面库，用于构建富客户端应用程序的用户界面。WPF 是 Windows 桌面应用程序的一种开发技术，它使用 XAML（Extensible Application Markup ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值