因為有時候需要定制化的控制元件，需要多個控制元件的組合及復雜功能的集成，這樣可以考慮自定義用戶控制元件，下面分享一個簡單的數值增減功能的自定義控制元件作為說明，
效果圖如下：
1、創建自定義用戶控制元件（添加->新建項->用戶控制元件）
2、撰寫XAML
<UserControl x:Class="XXX.自定義控制元件.MyNumericUpDown" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:local="clr-namespace:XXX.自定義控制元件" mc:Ignorable="d" d:DesignHeight="30" d:DesignWidth="120"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="auto"/> <ColumnDefinition Width="40*"/> <ColumnDefinition Width="40*"/> </Grid.ColumnDefinitions> <TextBox Name="TextBox_Num" Grid.Column="0" Text="1" FontSize="20" TextAlignment="Center" MinWidth="40" VerticalContentAlignment="Center"/> <Button Name="Button_Add" Grid.Column="1" Content="加" Click="Button_Add_Click" Background="Aqua"/> <Button Name="Button_Sub" Grid.Column="2" Content="減" Click="Button_Sub_Click" Background="Aqua"/> </Grid></UserControl>
UI比較簡單，我就不解釋了...
2、撰寫后臺代碼
/// <summary> /// MyNumericUpDown.xaml 的互動邏輯 /// </summary> public partial class MyNumericUpDown : UserControl { /// <summary> /// 當前值 /// </summary> public int Num { get { int value = https://www.cnblogs.com/xiaomengshan/p/0; this.Dispatcher.Invoke(new Action(() => value = Convert.ToInt32(this.TextBox_Num.Text.Trim()) )); return value; } set { this.Dispatcher.Invoke(new Action(() => { this.TextBox_Num.Text = value.ToString(); })); } } public MyNumericUpDown() { InitializeComponent(); } private void Button_Add_Click(object sender, RoutedEventArgs e) { int num = int.Parse(this.TextBox_Num.Text.Trim()); if (num > 0) { this.TextBox_Num.Text = (num + 1).ToString(); } } private void Button_Sub_Click(object sender, RoutedEventArgs e) { int num = int.Parse(this.TextBox_Num.Text.Trim()); if (num > 0) { if ((num - 1) == 0) return; this.TextBox_Num.Text = (num - 1).ToString(); } } }
邏輯也比較簡單，兩個按鍵的點擊事件，每次加一或減一，值得說明的是公開的屬性(該例只有一個公開屬性就是控制元件的數值Num)，屬性需要進行讀寫器的包裝，讀取器和設定器操作控制元件TextBox時最好需要Invoke回呼UI執行緒進行操作，否則其他執行緒操作時就會報錯(當然也可以在外部Invoke)，
3、控制元件呼叫
用戶控制元件繼承UserControl，UserControl繼承于ContentControl，所以可以和一般控制元件一樣呼叫，但是由于命名空間不一致，需要宣告命名空間，
xmlns:z="clr-namespace:XXX.自定義控制元件" //Windows標簽中宣告命名空間<z:MyNumericUpDown x:Name="MyNumericUpDown_PageNum" Width="120" Height="30"></z:MyNumericUpDown>
其實最好可以把對外需要進行資料系結的屬性寫成依賴項屬性，這樣就能擁有依賴項屬性的特點(如系結)，不過比較復雜，下次再具體說明，
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/25887.html
標籤：WPF
上一篇：WPF屬性系結實作雙向變化
下一篇：MVC