2. 程式人生 > >工作記錄--WPF自定義控制元件，實現一個可設定編輯模式的TextBox

工作記錄--WPF自定義控制元件，實現一個可設定編輯模式的TextBox

阿新 • • 發佈：2019-06-11

1. 背景

　　因為最近在使用wpf開發桌面端應用，在檢視頁面需要把TextBox和Combox等控制元件設定為只讀的。原本是個很簡單的事，設定屬性IsReadOnly="True"或IsEnabled="False"就可以解決了，可是產品覺得樣式不是他想要的（背景是灰色的），想要實現的效果是和編輯時的樣式一致，僅僅是不可編輯而已。我想這也簡單啊，強制修改背景色和字型就完事了，結果發現TextBox修改背景色是可行的，但是修改後字型是灰色的，改也改不了，Combox更是連背景色都改不了。。。wtf

　　於是開始了一段Google之路，發現別人說的都好複雜，大概明白了修改自帶的不可編輯或只讀的樣式不是一件簡單的事。於是我準備用一種變通的方法來解決這個問題，寫個自定義控制元件，通過設定自定義控制元件的屬性來顯示/隱藏內部控制元件的方式。

2. 實現

　　首先新建一個使用者控制元件（UserControl），命名為LabelRenderTextBox，在LabelRenderTextBox.xaml檔案編寫以下內容　

　  <!--DataContext="{Binding RelativeSource={RelativeSource self}} datacontext繫結自身會破壞binding鏈，而通過第一個child來binding則不會破壞"-->
　　<StackPanel x:Name="panel" DataContext="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=local:LabelRenderTextBox}}">
        <Border BorderThickness="1" BorderBrush="#ccc" x:Name="label" Width="{Binding ElementName=panel, Path=ActualWidth}" Height="24" Visibility="Collapsed" Padding="5,3,0,0">
            <TextBlock Text="{Binding Text}" ></TextBlock>
        </Border>
        <TextBox x:Name="textbox" Text="{Binding Text, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Width="{Binding ElementName=panel, Path=ActualWidth}" Height="24"
                 base:CustomizeProperty.Placeholder="{Binding Placeholder}" TextChanged="Textbox_TextChanged" ></TextBox>
    </StackPanel>

　　如圖，panel是UserControl內部最外層的元素，把這裡的DataContext設為自身，就可以把內部控制元件的屬性和cs檔案中的屬性進行繫結。label是預設隱藏的元素，textbox是預設顯示的控制元件。label和textbox的Text屬性都是繫結的LabelRenderTextBox的Text屬性，寬度都是和最外層的panel的寬度進行繫結的，以便於使用者自己設定寬度。

　　那麼當我們使用LabelRenderTextBox控制元件進行編輯的時候，實際上還是通過TextBox來實現了，因為設定了Mode=TwoWay進行了雙向繫結，UpdateSourceTrigger=PropertyChanged，所以當TextBox的Text改變時，LabelRenderTextBox的Text值也會跟著改變，所以我們可以在LabelRenderTextBox.cs檔案裡新增一個屬性 public string Text { get; set; } ，可是當我們在外部直接修改LabelRenderTextBox的Text值如何使內部的TextBox值也跟著改變呢？這時候就需要用到wpf的依賴屬性了，首先通過檢視UserControl的繼承關係可以發現UserControl是繼承自DependencyObject的，意味著它是一個依賴物件，可以設定依賴屬性。所以我們可以在LabelRenderTextBox.cs檔案裡新增以下程式碼：

       public string Text { get
            {
                return (string)this.GetValue(TextProperty);
            }
            set
            {
                this.SetValue(TextProperty, value);
            }
        }

        public static readonly DependencyProperty TextProperty =
            DependencyProperty.RegisterAttached("Text", typeof(string), typeof(LabelRenderTextBox), new PropertyMetadata("", OnTextChanged));

        private static void OnTextChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            var element = obj as LabelRenderTextBox;
            if (element != null)
            {
                element.Text = e.NewValue as string;
            }
        }

　　通過DependencyProperty.RegisterAttached方法註冊一個Text屬性，string型別的，型別為LabelRenderTextBox，PropertyMetadata的第一個引數是預設值，第二個引數是一個回撥函式（當屬性改變時進行回撥），回撥時通過Text的set方法來呼叫SetValue屬性來設定依賴屬性的值並通知與其繫結的屬性（想知道如何實現的可以參考：WPF依賴物件（DependencyObject） 實現原始碼，理解WPF原理必讀）。

　　接下來，定義一個列舉類來列舉出需要的編輯模式，我這裡列舉出4種模式，可根據自己的需求進行調整。

    public enum EditModes
    {
        //編輯模式
        Editable = 0,
        //只讀模式
        ReadOnly = 1,      
        //只讀模式展示，單擊進入編輯模式，失去焦點後恢復只讀模式
        Click = 2,
        //只讀模式展示，雙擊進入編輯模式，失去焦點後恢復只讀模式
        DoubleCLick = 3
    }

　　定義了列舉之後就要使用了，和設定Text屬性的方式來註冊一個EditMode依賴屬性，SetEditable方法傳入true/false來設定textbox（編輯）和label（只讀）的顯示和隱藏。這樣只要通過設定EditMode屬性就可以完美實現產品的需求了，我真棒！

     　　#region EditModeProperty 
        public EditModes EditMode {
            get { return (EditModes)this.GetValue(EditModeProperty); }
            set {
                this.SetValue(EditModeProperty, value);
                if (value == EditModes.Editable)
                {
                    SetEditable(true);
                }
                else
                {
                    SetEditable(false);
                }
            }
        }

        public static readonly DependencyProperty EditModeProperty =
            DependencyProperty.RegisterAttached("EditMode", typeof(EditModes), typeof(LabelRenderTextBox), new PropertyMetadata(EditModes.Editable, OnEditModeChanged));

        private static void OnEditModeChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            var element = obj as LabelRenderTextBox;
            if (element != null)
            {
                element.EditMode = (EditModes)e.NewValue;
            }
        }
        #endregion

        private void SetEditable(bool editable)
        {
            if (editable)
            {
                this.label.Visibility = Visibility.Collapsed;
                this.textbox.Visibility = Visibility.Visible;
            }
            else
            {
                this.label.Visibility = Visibility.Visible;
                this.textbox.Visibility = Visibility.Collapsed;
            }
        }

　　可是按照產品的需求只要Editable和ReadOnly兩個屬性就夠了，其他兩個是用來擴充套件的，可以在合適的場景下帶來更好的使用者體驗，預設展示只讀模式，單擊或者雙擊變為編輯模式，失去焦點後恢復只讀模式。實現方法也很簡單，直接在UserControl定義幾個事件，在對應的事件函式進行如下處理。

    　　 private void Click(object sender, MouseButtonEventArgs e)
        {
            if (EditMode == EditModes.Click)
                SetEditable(true);
        }

        private void DoubleClick(object sender, MouseButtonEventArgs e)
        {
            if (EditMode == EditModes.DoubleCLick)
                SetEditable(true);
        }

        private void Lost_Focus(object sender, RoutedEventArgs e)
        {
            if(EditMode == EditModes.DoubleCLick || EditMode == EditModes.Click)
                SetEditable(false);
        }

　　你可能會想，如果想監聽TextBox的事件該怎麼做呢，也很簡單，在cs檔案裡定義相同的事件，然後在cs檔案裡監聽對應事件，觸發時呼叫定義的事件即可。

        public event TextChangedEventHandler TextChanged;
       
        private void Textbox_TextChanged(object sender, TextChangedEventArgs e)
        {           
            this.TextChanged?.Invoke(this, e);
        }

　　是不是很簡單呢？希望可以幫到遇到相同問題的朋友，完整程式碼如下：

<UserControl x:Class="YZ.HIS.UserControls.LabelRenders.LabelRenderTextBox"
             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:base="clr-namespace:APP_YFT.Base;assembly=APP-YFT.Base"
             xmlns:local="clr-namespace:YZ.HIS.UserControls.LabelRenders"
             mc:Ignorable="d" BorderThickness="0" 
             Height="24" d:DesignWidth="80" PreviewMouseLeftButtonDown="Click" PreviewMouseDoubleClick="DoubleClick"
             LostFocus="Lost_Focus">
    <UserControl.Resources>
        <Style x:Key="mySearchTextBoxStyle" TargetType="{x:Type TextBox}">
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Padding" Value="6,0,0,0"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TextBox}">
                        <Border x:Name="bdRoot"  
                        BorderBrush="{TemplateBinding BorderBrush}"   
                        BorderThickness="{TemplateBinding BorderThickness}"   
                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"   
                        Background="{TemplateBinding Background}">
                            <DockPanel LastChildFill="True">
                                <Button x:Name="ClearButton"  
                                DockPanel.Dock="Right"   
                                Focusable="False"  Click="ExecCleanSearchText"
                                Width="{Binding ActualHeight, RelativeSource={RelativeSource Self}}"
                                FontSize="{TemplateBinding FontSize}">
                                    <Button.Template>
                                        <ControlTemplate>
                                            <Image x:Name="Image" Source="/YZ.HIS;component/Images/tbClean_icon.png" Stretch="None"/>
                                        </ControlTemplate>
                                    </Button.Template>
                                </Button>
                                <ScrollViewer x:Name="PART_ContentHost" DockPanel.Dock="Left" Background="{TemplateBinding Background}"/>
                            </DockPanel>
                        </Border>
                        <ControlTemplate.Triggers>
                            <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=Text}" Value="">
                                <Setter TargetName="ClearButton" Property="Visibility" Value="Collapsed" />
                            </DataTrigger>
                            <Trigger Property="IsFocused" Value="True">
                                <Setter TargetName="bdRoot" Property="BorderBrush" Value="#569DE5"/>
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter TargetName="bdRoot" Property="BorderBrush" Value="#7EB4EA"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    <!--DataContext="{Binding RelativeSource={RelativeSource self}} datacontext繫結自身會破壞binding鏈，而通過第一個child來binding則不會破壞"-->
    <StackPanel x:Name="panel" DataContext="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=local:LabelRenderTextBox}}">
        <Border BorderThickness="1" BorderBrush="#ccc" x:Name="label" Width="{Binding ElementName=panel, Path=ActualWidth}" Height="24" Visibility="Collapsed" Padding="5,3,0,0">
            <TextBlock Text="{Binding Text}" ></TextBlock>
        </Border>
        <TextBox x:Name="textbox" Text="{Binding Text, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Width="{Binding ElementName=panel, Path=ActualWidth}" Height="24"
                 base:CustomizeProperty.Placeholder="{Binding Placeholder}" TextChanged="Textbox_TextChanged" ></TextBox>
    </StackPanel>
</UserControl>
xaml 
using APP_YFT.Base;
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Text.RegularExpressions;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace YZ.HIS.UserControls.LabelRenders
{
    /// <summary>
    /// LabelRenderTextBox.xaml 的互動邏輯
    /// </summary>
    public partial class LabelRenderTextBox : UserControl
    {
        public LabelRenderTextBox()
        {
            InitializeComponent();
        }

        #region events
        public event TextChangedEventHandler TextChanged;
       
        private void Textbox_TextChanged(object sender, TextChangedEventArgs e)
        {
            if (RequiredValue == RequiredValues.Number)
            {
                TextBox textBox = sender as TextBox;
                string text = textBox.Text;
                Regex reg = new Regex(@"^[0-9]*$");
                if (text == null || (text.Count() == 0) || !reg.IsMatch(text))
                {
                    textBox.Text = "";
                    return;
                }
            }
            this.TextChanged?.Invoke(this, e);
        }

        //清空輸入框事件
        private void ExecCleanSearchText(object sender, RoutedEventArgs e)
        {
            Button btn = sender as Button;
            if (btn == null)
                return;
            TextBox tb = btn.TemplatedParent as TextBox;
            if (tb != null)
            {
                tb.Text = "";
            }
        }

        private void Click(object sender, MouseButtonEventArgs e)
        {
            if (EditMode == EditModes.Click)
                SetEditable(true);
        }

        private void DoubleClick(object sender, MouseButtonEventArgs e)
        {
            if (EditMode == EditModes.DoubleCLick)
                SetEditable(true);
        }

        private void Lost_Focus(object sender, RoutedEventArgs e)
        {
            if(EditMode == EditModes.DoubleCLick || EditMode == EditModes.Click)
                SetEditable(false);
        }
        #endregion

        #region TextProperty 
        //public string Text { get; set; }
        public string Text { get
            {
                return (string)this.GetValue(TextProperty);
            }
            set
            {
                this.SetValue(TextProperty, value);
            }
        }

        public static readonly DependencyProperty TextProperty =
            DependencyProperty.RegisterAttached("Text", typeof(string), typeof(LabelRenderTextBox), new PropertyMetadata("", OnTextChanged));

        private static void OnTextChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            var element = obj as LabelRenderTextBox;
            if (element != null)
            {
                element.Text = e.NewValue as string;
            }
        }
        #endregion

        #region PlaceholderProperty 
        public string Placeholder { get
            {
                return (string)this.GetValue(PlaceholderProperty);
            }
            set
            {
                this.SetValue(PlaceholderProperty, value);
            }
        }

        public static readonly DependencyProperty PlaceholderProperty =
            DependencyProperty.RegisterAttached("Placeholder", typeof(string), typeof(LabelRenderTextBox), new PropertyMetadata("", OnPlaceholderChanged));

        private static void OnPlaceholderChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            var element = obj as LabelRenderTextBox;
            if (element != null)
            {
                element.Placeholder = e.NewValue as string;
            }
        }
        #endregion

        #region RequiredValueProperty 
        public RequiredValues RequiredValue
        {
            get { return (RequiredValues)this.GetValue(RequiredValueProperty); }
            set
            {
                this.SetValue(RequiredValueProperty, value);
            }
        }

        public static readonly DependencyProperty RequiredValueProperty =
            DependencyProperty.RegisterAttached("RequiredValue", typeof(RequiredValues), typeof(LabelRenderTextBox), new PropertyMetadata(RequiredValues.String, OnRequiredValueChanged));

        private static void OnRequiredValueChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            var element = obj as LabelRenderTextBox;
            if (element != null)
            {
                element.RequiredValue = (RequiredValues)e.NewValue;
            }
        }
        #endregion

        #region UseSearchProperty 
        public bool UseSearch
        {
            get { return (bool)this.GetValue(UseSearchProperty); }
            set
            {
                this.SetValue(UseSearchProperty, value);
                if (value)
                    this.textbox.Style = this.FindResource("mySearchTextBoxStyle") as Style;

            }
        }

        public static readonly DependencyProperty UseSearchProperty =
            DependencyProperty.RegisterAttached("UseSearch", typeof(bool), typeof(LabelRenderTextBox), new PropertyMetadata(false, OnUseSearchChanged));

        private static void OnUseSearchChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            var element = obj as LabelRenderTextBox;
            if (element != null)
            {
                element.UseSearch = (bool)e.NewValue;
            }
        }
        #endregion

        #region CaretIndexProperty 
        public int CaretIndex {
            get { return (int)this.GetValue(CaretIndexProperty); }
            set
            {
                this.SetValue(CaretIndexProperty, value);
                this.textbox.CaretIndex = value;
            }
        }

        public static readonly DependencyProperty CaretIndexProperty =
            DependencyProperty.RegisterAttached("CaretIndex", typeof(int), typeof(LabelRenderTextBox), new PropertyMetadata(0, OnCaretIndexChanged));

        private static void OnCaretIndexChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            var element = obj as LabelRenderTextBox;
            if (element != null)
            {
                element.CaretIndex = (int)e.NewValue;
            }
        }
        #endregion

        #region SelectionStartProperty 
        public int SelectionStart
        {
            get { return (int)this.GetValue(SelectionStartProperty); }
            set
            {
                this.SetValue(SelectionStartProperty, value);
                this.textbox.SelectionStart = value;
            }
        }

        public static readonly DependencyProperty SelectionStartProperty =
            DependencyProperty.RegisterAttached("SelectionStart", typeof(int), typeof(LabelRenderTextBox), new PropertyMetadata(0, OnSelectionStartChanged));

        private static void OnSelectionStartChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            var element = obj as LabelRenderTextBox;
            if (element != null)
            {
                element.SelectionStart = (int)e.NewValue;
            }
        }
        #endregion

        #region EditModeProperty 
        public EditModes EditMode {
            get { return (EditModes)this.GetValue(EditModeProperty); }
            set {
                this.SetValue(EditModeProperty, value);
                if (value == EditModes.Editable)
                {
                    SetEditable(true);
                }
                else
                {
                    SetEditable(false);
                }
            }
        }

        public static readonly DependencyProperty EditModeProperty =
            DependencyProperty.RegisterAttached("EditMode", typeof(EditModes), typeof(LabelRenderTextBox), new PropertyMetadata(EditModes.Editable, OnEditModeChanged));

        private static void OnEditModeChanged(DependencyObject obj, DependencyPropertyChangedEventArgs e)
        {
            var element = obj as LabelRenderTextBox;
            if (element != null)
            {
                element.EditMode = (EditModes)e.NewValue;
            }
        }
        #endregion

        private void SetEditable(bool editable)
        {
            if (editable)
            {
                this.label.Visibility = Visibility.Collapsed;
                this.textbox.Visibility = Visibility.Visible;
            }
            else
            {
                this.label.Visibility = Visibility.Visible;
                this.textbox.Visibility = Visibility.Collapsed;
            }
        }

       
    }

    public enum EditModes
    {
        //編輯模式
        Editable = 0,
        //只讀模式
        ReadOnly = 1,      
        //只讀模式展示，單擊進入編輯模式，失去焦點後恢復只讀模式
        Click = 2,
        //只讀模式展示，雙擊進入編輯模式，失去焦點後恢復只讀模式
        DoubleCLick = 3
    }

    public enum RequiredValues
    {
        String = 0,
        Number = 1
    }
}
C#

　　

相關推薦

工作記錄--WPF自定義控制元件，實現一個可設定編輯模式的TextBox

1. 背景 　　因為最近在使用wpf開發桌面端應用，在檢視頁面需要把TextBox和Combox等控制元件設定為只讀的。原本是個很簡單的事，設定屬性IsReadOnly="True"或IsEnabled="False"就可以解決了，可是產品覺得樣式不是他想要的（背景是灰色的），想要實現的效果是和編輯時的樣式一

wheel自定義控制元件，實現城市三級聯動，時間選擇的功能簡單使用

                對於Android初學者，最煩的就是學習自定義控制元件。原生的控制元件不是醜就是無法滿足需求，不得以我們只好自己重寫控制元件的方法，下面我就為大家介紹一下某大神自定義的wheel控制元件Android滾輪控制元件，基於ListView實現，可以自定義樣式。，此控制元件可以實現

WPF自定義控制元件中使用了RadioButton後，多次使用該控制元件出現的死迴圈解決方法

最近在專案中需要用到RadioButton，所以在自定義控制元件中使用了一組RadioButton，使用一個預設的groupname,也就是這個goupname給後來的問題埋下了地雷。 定義大致如下： <Grid> <Label Height ="50" W

[WPF自定義控制元件庫]使用TextBlockHighlightSource強化高亮的功能，以及使用TypeConverter簡化呼叫

1. 強化高亮的功能 上一篇文章介紹了使用附加屬性實現TextBlock的高亮功能，但也留下了問題：不能定義高亮(或者低亮)的顏色。為了解決這個問題，我建立了TextBlockHighlightSource這個類，比單純的字串儲存更多的資訊，這個類的定義如下： 相應地，附加屬性的型別也改變為這個類，並且屬

[WPF自定義控制元件庫]瞭解WPF的佈局過程，並利用Measure為Expander新增動畫

1. 前言 這篇文章介紹WPF UI元素的兩步佈局過程，並且通過Resizer控制元件介紹只使用Measure可以實現些什麼內容。 我不建議初學者做太多動畫的工作，但合適的動畫可以引導使用者視線，提升使用者體驗。例如上圖的這種動畫，這種動畫挺常見的，在內容的高度改變時動態地改變自身的高度，除了好看以外，對

duilib中將xml封裝為控制元件簡單示例(簡單自定義控制元件，封裝幾個基本控制元件合為1個自定義控制元件)

使用duilib的時候，難免會有這樣的需求： 某一塊Container(Layout)以及裡面的佈局需要重複用，不想每次都複製貼上這麼多，要不然xml太大了； 通過繼承來自定義一個控制元件，比如CButtonUIEx之類的，想讓他像button一樣在xml中被識別； xml裡面的東西

WPF自定義控制元件（一）の控制元件分類

原文: WPF自定義控制元件（一）の控制元件分類 一、什麼是控制元件（Controls）         控制元件是指對資料和方法的封裝。控制元件可以有自己的屬性和方法，其中屬性是控制元件資料的簡單訪問者，方法則是控制元件的一些簡單而可見的功能、控制元件建

WPF 自定義控制元件的坑（蠢的：自定義控制元件內容不顯示）

原文: WPF 自定義控制元件的坑（蠢的：自定義控制元件內容不顯示） 自定義控制元件不顯示內容 由於工作需要在寫WPF,其中想要實現一些自己的控制元件所以直接自定義了控制元件博主是繼承了ContenControl的控制元件開始寫的但是發現不管設定Content屬性為任何都是不顯示

WPF自定義控制元件（四）の自定義控制元件

原文: WPF自定義控制元件（四）の自定義控制元件 在實際工作中，WPF提供的控制元件並不能完全滿足不同的設計需求。這時，需要我們設計自定義控制元件。 這裡LZ總結一些自己的思路，特性如下： Coupling UITemplate Behaviour Function Package

WPF自定義控制元件（五）の使用者控制元件（完結）

原文: WPF自定義控制元件（五）の使用者控制元件（完結） 使用者控制元件，WPF中是繼承自UserControl的控制元件，我們可以在裡面融合我們的業務邏輯。 示例：（一個厭惡選擇的使用者控制元件） 後端： using iMicClassBase; using iMicClassBase.B

wpf自定義控制元件之依賴屬性

  在wpf開發過程中，總會用到格式各樣的控制元件，但是原生控制元件遠遠不能滿足實際開發的需要，這時候wpf強大之處就能體現出來了。根據實際需求自定義各種不同的控制元件滿足不同的業務需求。 首先說需求吧： 一：根據某個bool值，控制一個圓形控制元件顯示或者不顯示某種顏色。 分析： 一：需

WPF自定義控制元件拖拽到介面報錯-未將物件設定到引用的例項

WPF自定義控制元件拖拽到介面報錯-未將物件設定到引用的例項 若給自定義控制元件註冊了許多屬性，那麼在拖拽使用這個控制元件時可能會引起這個錯誤。原因是控制元件初始化時，各個屬性未被顯式賦值。 解決辦法，給控制元件向外暴漏一初始化的方法，類似於這樣 public void XX

【轉】WPF自定義控制元件與樣式(3)-TextBox & RichTextBox & PasswordBox樣式、水印、Label標籤、功能擴充套件

一．前言.預覽 　　申明：WPF自定義控制元件與樣式是一個系列文章，前後是有些關聯的，但大多是按照由簡到繁的順序逐步釋出的等。 本文主要是對文字輸入控制元件進行樣式開發，及相關擴充套件功能開發，主要內容包括： 基本文字框TextBox控制元件樣式及擴充套件功能，實現了樣式、水印、Label標籤、功

【轉】WPF自定義控制元件與樣式(5)-Calendar/DatePicker日期控制元件自定義樣式及擴充套件

一．前言 　　申明：WPF自定義控制元件與樣式是一個系列文章，前後是有些關聯的，但大多是按照由簡到繁的順序逐步釋出的等。 本文主要內容： 日曆控制元件Calendar自定義樣式； 日期控制元件DatePicker自定義樣式，及Label標籤、水印、清除日期功能擴充套件； 二．Calend

【轉】WPF自定義控制元件與樣式(9)-樹控制元件TreeView與選單Menu-ContextMenu

一．前言 　　申明：WPF自定義控制元件與樣式是一個系列文章，前後是有些關聯的，但大多是按照由簡到繁的順序逐步釋出的等。 　　本文主要內容： 選單Menu的自定義樣式； 右鍵選單ContextMenu的自定義樣式； 樹控制元件TreeView的自定義樣式，及右鍵選單實現。 二．選單M

【轉】WPF自定義控制元件與樣式(8)-ComboBox與自定義多選控制元件MultComboBox

一．前言 　　申明：WPF自定義控制元件與樣式是一個系列文章，前後是有些關聯的，但大多是按照由簡到繁的順序逐步釋出的等。 　　本文主要內容： 下拉選擇控制元件ComboBox的自定義樣式及擴充套件； 自定義多選控制元件MultiComboBox； 二．下拉選擇控制元件ComboBox的自

【轉】WPF自定義控制元件與樣式(11)-等待/忙/正在載入狀態-控制元件實現

一．前言 　　申明：WPF自定義控制元件與樣式是一個系列文章，前後是有些關聯的，但大多是按照由簡到繁的順序逐步釋出的等。 　　本文主要有三種實現方式： 簡單忙碌狀態控制元件BusyBox； Win8/win10效果忙碌狀態控制元件ProgressRing； 彈出非同步等待框WaitingB

【轉】WPF自定義控制元件與樣式(12)-縮圖ThumbnailImage /gif動畫圖/圖片列表

一．前言 　　申明：WPF自定義控制元件與樣式是一個系列文章，前後是有些關聯的，但大多是按照由簡到繁的順序逐步釋出的等，若有不明白的地方可以參考本系列前面的文章，文末附有部分文章連結。 　　本文主要針對WPF專案開發中圖片的各種使用問題，經過總結，把一些經驗分享一下。內容包括： WPF常

【轉】WPF自定義控制元件與樣式(13)-自定義窗體Window & 自適應內容大小訊息框MessageBox

一．前言 　　申明：WPF自定義控制元件與樣式是一個系列文章，前後是有些關聯的，但大多是按照由簡到繁的順序逐步釋出的等。 　　本文主要內容： 自定義Window窗體樣式； 基於自定義窗體實現自定義MessageBox訊息提示框； 二．自定義Window窗體樣式 　　自定義的Window

wpf 自定義控制元件中ElementName和DataContext之間的衝突

現在發現一個問題，如果在xaml中某個控制元件的屬性通過ElementName綁定了。 大概程式碼如下： /// <summary> /// 輸入點名字 /// </summary> public string Titl