WPF 精修篇 自定义控件

原文:WPF 精修篇 自定义控件

自定义控件 因为没有办法对界面可视化编辑 所以用来很少

现在实现的是 自定义控件的 自定义属性 和自定义方法

用VS 创建自定义控件后 会自动创建 Themes 文件夹和 Generic.xaml 还有自定义的类 这边是SeachControl

Gneneric


  1. <Style TargetType="{x:Type local:SeachControl}">
  2. <Setter Property="Template">
  3. <Setter.Value>
  4. <ControlTemplate TargetType="{x:Type local:SeachControl}">
  5. <Grid>
  6. <StackPanel Orientation="Horizontal" >
  7. <TextBox Width="100" Height="20" Margin="0,0,5,0" Text="{Binding SearchText, RelativeSource={RelativeSource Mode=TemplatedParent},Mode=TwoWay}" Background="{TemplateBinding Background}"></TextBox>
  8. <Button x:Name="button" Content="Select" Width="50" Height="20" ></Button>
  9. </StackPanel>
  10. </Grid>
  11. </ControlTemplate>
  12. </Setter.Value>
  13. </Setter>
  14. </Style>

自定义控件类


  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Text;
  5. using System.Windows;
  6. using System.Windows.Controls;
  7. using System.Windows.Data;
  8. using System.Windows.Documents;
  9. using System.Windows.Input;
  10. using System.Windows.Media;
  11. using System.Windows.Media.Imaging;
  12. using System.Windows.Navigation;
  13. using System.Windows.Shapes;
  14. namespace WpfApplication24
  15. {
  16. /// <summary>
  17. /// 按照步骤 1a 或 1b 操作,然后执行步骤 2 以在 XAML 文件中使用此自定义控件。
  18. ///
  19. /// 步骤 1a) 在当前项目中存在的 XAML 文件中使用该自定义控件。
  20. /// 将此 XmlNamespace 特性添加到要使用该特性的标记文件的根
  21. /// 元素中:
  22. ///
  23. /// xmlns:MyNamespace="clr-namespace:WpfApplication24"
  24. ///
  25. ///
  26. /// 步骤 1b) 在其他项目中存在的 XAML 文件中使用该自定义控件。
  27. /// 将此 XmlNamespace 特性添加到要使用该特性的标记文件的根
  28. /// 元素中:
  29. ///
  30. /// xmlns:MyNamespace="clr-namespace:WpfApplication24;assembly=WpfApplication24"
  31. ///
  32. /// 您还需要添加一个从 XAML 文件所在的项目到此项目的项目引用,
  33. /// 并重新生成以避免编译错误:
  34. ///
  35. /// 在解决方案资源管理器中右击目标项目,然后依次单击
  36. /// “添加引用”->“项目”->[浏览查找并选择此项目]
  37. ///
  38. ///
  39. /// 步骤 2)
  40. /// 继续操作并在 XAML 文件中使用控件。
  41. ///
  42. /// <MyNamespace:SeachControl/>
  43. ///
  44. /// </summary>
  45. public class SeachControl : Control
  46. {
  47. static SeachControl()
  48. {
  49. DefaultStyleKeyProperty.OverrideMetadata(typeof(SeachControl), new FrameworkPropertyMetadata(typeof(SeachControl)));
  50. }
  51. public string SearchText
  52. {
  53. get { return (string)GetValue(SearchTextProperty); }
  54. set { SetValue(SearchTextProperty, value); }
  55. }
  56. // Using a DependencyProperty as the backing store for SearchText. This enables animation, styling, binding, etc...
  57. public static readonly DependencyProperty SearchTextProperty =
  58. DependencyProperty.Register("SearchText", typeof(string), typeof(SeachControl), new PropertyMetadata(""));
  59. public delegate void OnSeachClick(object ob, SearchEventArgs args);
  60. public event OnSeachClick SeachButtenClick;
  61. public override void OnApplyTemplate()
  62. {
  63. base.OnApplyTemplate();
  64. var button = GetTemplateChild("button");
  65. if (button is Button)
  66. {
  67. (button as Button).Click += SeachControl_Click;
  68. }
  69. }
  70. void SeachControl_Click(object sender, RoutedEventArgs e)
  71. {
  72. if (SeachButtenClick != null)
  73. {
  74. SeachButtenClick.Invoke(this, new SearchEventArgs() { SreachItem = SearchText });
  75. }
  76. }
  77. }
  78. }

创建参数类


  1. public class SearchEventArgs:EventArgs
  2. {
  3. public string SreachItem { get; set; }
  4. }

main 引用 这里可以看到自定义的事件


  1. <Window x:Class="WpfApplication24.MainWindow"
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. xmlns:MyNamespace="clr-namespace:WpfApplication24"
  5. Title="MainWindow" Height="350" Width="525">
  6. <Window.Resources>
  7. </Window.Resources>
  8. <Grid>
  9. <MyNamespace:SeachControl HorizontalAlignment="Center" SearchText="嗯嗯" VerticalAlignment="Center" Background="#FFCBCBCB" SeachButtenClick="SeachControl_SeachButtenClick" />
  10. </Grid>
  11. </Window>

Main的内容类


  1. private void SeachControl_SeachButtenClick(object ob, SearchEventArgs args)
  2. {
  3. MessageBox.Show("HI "+ args.SreachItem);
  4. }

原文地址:https://www.cnblogs.com/lonelyxmas/p/12075459.html

时间: 2024-10-21 20:04:38

WPF 精修篇 自定义控件的相关文章

WPF 精修篇 动画组TransformGroup

原文:WPF 精修篇 动画组TransformGroup 动画分组 TransformGroup 一个元素可能要有缩放 ScaleTransform和移动 TranslateTransform等多个效果组合 就需要分组 RenderTransformOrigin 中心点设置 "0.5,0.5" 为中间 在编辑器中  有设置 <Grid> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Widt

WPF 精修篇 拖拽 DragDrop

原文:WPF 精修篇 拖拽 DragDrop WPF 实现拖拽 效果 <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="197*"/> <ColumnDefinition Width="209*"/> <ColumnDefinition Width="111*"/> </Grid.ColumnDefinitions&g

WPF 精修篇 数据触发器

原文:WPF 精修篇 数据触发器 数据触发器 可以使用Binding 来绑定控件 或者数据源 来触发相关动作 举栗子 <Window.Resources> <Style TargetType="{x:Type Label}"> <Style.Triggers> <DataTrigger Binding="{Binding ElementName=red,Path=IsChecked}" Value="True&qu

WPF 精修篇 依赖属性

原文:WPF 精修篇 依赖属性 依赖属性使用场景 1. 希望可在样式中设置属性. 2. 希望属性支持数据绑定. 3. 希望可使用动态资源引用设置属性. 4. 希望从元素树中的父元素自动继承属性值. 5. 希望属性可进行动画处理. 6. 希望属性系统在属性系统.环境或用户执行的操作或者读取并使用样式更改了属性以前的值时报告. 7. 希望使用已建立的.WPF 进程也使用的元数据约定,例如报告更改属性值时是否要求布局系统重新编写元素的可视化对象. 依赖属性生成 PropertyMetadata 后面可

WPF 精修篇 倾斜 SkewTransform

原文:WPF 精修篇 倾斜 SkewTransform 倾斜 SkewTransform AngleX 倾斜X角度 AngleY 倾斜Y角度 CenterX CenterY 中心点 <StackPanel Orientation="Horizontal"> <Image Source="Image/Dog.jpg" Width="200" Height="200"> <Image.RenderTr

WPF 精修篇 数据绑定到对象

原文:WPF 精修篇 数据绑定到对象 数据绑定到对象 首先 我们需要一个对象 public class Preson { private string name; public string Name { get { return name; } set { name = value; } } private string address; public string Address { get { return address; } set { address = value; } } pri

WPF 精修篇 长时间线程加取消功能

原文:WPF 精修篇 长时间线程加取消功能 <Grid> <Grid.RowDefinitions> <RowDefinition Height="11*"/> <RowDefinition Height="29*"/> </Grid.RowDefinitions> <StackPanel Orientation="Horizontal" Margin="0"

WPF 精修篇 缩放ScaleTransform

原文:WPF 精修篇 缩放ScaleTransform 缩放 ScaleTransform 参数 ScaleX  X轴缩小值 正常为1 ScaleY Y轴缩小值 正常为1 CenterY ,CenterX  中心点位置 设置中心点 会按照中心点位置 缩小 这里 做效果 一个张图片 左侧设置了 缩小 中心点默认为左上角 右侧设置了中心点为 X Y各为100  在缩小 会发生位置变化  2张图片来显示区别 <Grid> <StackPanel Orientation="Horizo

WPF 精修篇 非UI进程后台更新UI进程

原文:WPF 精修篇 非UI进程后台更新UI进程 <Grid> <Grid.RowDefinitions> <RowDefinition Height="11*"/> <RowDefinition Height="29*"/> </Grid.RowDefinitions> <StackPanel Orientation="Horizontal" Margin="0&quo