首页 > 其他分享 >WPF-基础及进阶扩展合集(持续更新)

WPF-基础及进阶扩展合集(持续更新)

时间:2024-04-03 14:29:16浏览次数:31  
标签:控件 AssociatedObject 进阶 ScrollViewer object WPF 合集 public TextBox

目录

一、基础

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、窗体可拖动


一、基础

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

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();
        }


标签:控件,AssociatedObject,进阶,ScrollViewer,object,WPF,合集,public,TextBox
From: https://blog.csdn.net/rwo_bear/article/details/132837037

相关文章

  • JavaSE-进阶-学习笔记-JUC
    一.悲观锁和乐观锁悲观锁认为自己在使用数据的时候一定有别的线程来修改数据,因此在获取数据的时候会先加锁,确保数据不会被别的线程修改。synchronized关键字和Lock的实现类都是悲观锁使用场景:适合写操作多的场景,先加锁可以保证写操作时数据正确。显式的锁定之后再操作......
  • Spring进阶篇(7)-TransactionSynchronizationManager(事务监听)
    转载自:https://www.jianshu.com/p/4b5eb29cc6d9JAVA&&Spring&&SpringBoot2.x—学习目录TransactionSynchronizationManager是事务同步管理器。我们可以自定义实现TransactionSynchronization类,来监听Spring的事务操作。可以在事务提交之后,回调TransactionSynchronization......
  • WPF开发分页控件:实现可定制化分页功能及实现原理解析
    概要本文将详细介绍如何使用WPF(WindowsPresentationFoundation)开发一个分页控件,并深入解析其实现原理。我们将通过使用XAML和C#代码相结合的方式构建分页控件,并确保它具有高度的可定制性,以便在不同的应用场景中满足各种需求。一.简介分页控件是在许多应用程序中常见......
  • 盘点AI编程效率神器合集,代码助手工具大模型、Agent智能体
    关注wx公众号:aigc247进社群加wx号:aigc365程序员是最擅长革自己命的职业,让我们借助AI的力量一起摸鱼一起卷!据说好用的AI代码助手工具、大模型、Agent智能体微软的compoliot:AI神器之微软的编码助手Copilot-CSDN博客阿里的: 通义灵码_智能编码助手_AI编程-阿里云智谱AI的C......
  • 【专题】2024年中国金融科技(FinTech)行业发展洞察报告合集PDF分享(附原数据表)
    原文链接:https://tecdat.cn/?p=35581原文出处:拓端数据部落公众号金融监管体系的深刻变革正引领金融科技行业迈入一个更为严格且精细化的超级监管时代。在这个时代,数据要素的应用和金融场景的建设已经成为行业内不容忽视的关键领域。为顺应这一变革趋势,为金融机构提供紧贴其业务......
  • Python套索回归lasso、SCAD、LARS分析棒球运动员薪水3个实例合集|附数据代码
    全文链接:https://tecdat.cn/?p=35585原文出处:拓端数据部落公众号在数据科学和机器学习领域,回归分析是一种强大的工具,用于探索变量之间的关系并预测未来的结果。其中,套索回归(LassoRegression)是一种线性回归方法,特别适用于解决高维数据和过拟合问题。它通过引入正则化项来限制模......
  • 【专题】2023年中国汽车出海研究报告PDF合集分享(附原数据表)
    原文链接:https://tecdat.cn/?p=34260原文出处:拓端数据部落公众号近年来,我国汽车出口需求旺盛,并保持强劲增长趋势,至2023年一季度,汽车出口总量首超日本,中国汽车“破浪出海”正当时。本报告合集旨在通过梳理中国汽车的出海背景,分析汽车厂商出海的现状及特点,洞察中国汽车出海的风险......
  • Wpf Beginstoryboard Storyboard DoubleAnimation Storyboart.TargetName,Storyboary.
    <Windowx:Class="WpfApp32.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.......
  • WPF Storyboary DoubleAnimationUsingPath PathGeometry
    <Windowx:Class="WpfApp30.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.......
  • Vlc.DotNet.Wpf,播放rtsp视频,
    Vlc.DotNet.Wpf,播放rtsp视频, 1.NuGet上下载Vlc.DotNet.Wpf,在https://github.com/ZeBobo5/Vlc.DotNet上下载的源码都是最新版本的,里面有调用的示例,每个版本调用方法都不一样。下面代码以2.2.1为例。安装完成后,程序中会自动引用相关dll 2.播放视频相关代码......