1. 程式人生 > >WPF學習二:TextBlock和Label的區別

WPF學習二:TextBlock和Label的區別

padding eight 前景 繼承 man ont blog led use

TextBlock和Label都是用來顯示少量數據的。好多文章對Label存在的描述都是它允許使用"快速獲取"。"快速獲取"就是允許你用Alt加上其它的按鍵快速和UI界面的某個控件交互,比如你可以用ALT加上O鍵來點擊一個OK按鈕。

TextBlock直接繼承於FrameworkElement,而Label繼承於ContentControl。這樣看來,Label可以做這樣的事情:

1.可以定義一個控件模板(通過Template屬性)

2.可以顯示出string以外的其他信息(通過Content屬性)

3.為Label內容添加一個DataItemplate(通過ContentTemplate屬性)

4.做一些FrameworkElement元素不能做的事情

下邊是一個TextBlock和Label的繼承關系圖

技術分享

當Label不可用的時候它的Text顯示為灰色,但是TextBlock不會

技術分享

上例中UserName為TextBlock,Password為Label。

當Label禁用時候它的Content變為灰色的原因是因為Label的默認模板中有一個觸發器,當 Label禁用的時候它會設置Content的顏色。

技術分享

如果要改變Label禁用時的樣式可以在這改變。

Label比TextBlock更加復雜

以上說了Label相當於TextBlock的優勢,下面說一下TextBlock的優勢

加載Label時比TextBlock需要耗費更多的時間,不僅僅是Label相對於直接繼承於FrameElement的TextBlock有了更多層次的繼承,它的visual tree更加復雜。

下面的圖片告訴你是當你創建一個Label的時候後臺都做了什麽事情。

技術分享

TextBlock的visual tree不包含任何子元素,而Label卻復雜的多。它有一個border屬性,最後通過一個TextBlock來顯示內容。這樣看來label其實就是一個個性化的TextBlock。

補充:

TextBlock和Label都可以顯示文本,屬於WPF中比較常用的控件。在最初接觸WPF時,我經常為如何選擇這兩個控件感到困惑。隨著對WPF深入學習,對這兩個控件也有一些了解。今天就說一些我對TextBlock和Label的看法吧。

Label和TextBlock都是System.Windows.Controls命名空間下的類,但二者的父類並不相同。TextBlock繼承自System.Windows.FrameworkElement,從這個角度講,TextBlock不能稱之為“控件”(因為它沒有繼承Control類,關於Control類,我會在WPF Unleashed第四章為大家介紹),而Label繼承自System.Windows.ContentControl。FrameworkElement是非常底層的類,它同時也是ContentControl的父類。所以,Label相對TextBlock更加高級一些,它能夠完成TextBlock所無法完成的工作。例如對於Access key的支持,而且我們可以在Label內可以放置任意對象,而TextBlock只能顯示文本。

現在我們從Visual Tree(Luna主題下)的角度看看兩者的區別:
技術分享 技術分享 Label TextBlock

從圖中可以看出,Label控件由三個元素組成,其最底層的元素就是TextBlock。而TextBlock的Visual Tree只有它本身。所以可以說Label控件包含著TextBlock。

接下來從模板的角度看一下二者的區別。首先是Label的模板:

<Style TargetType="{x:Type Label}" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:s="clr-namespace:System;assembly=mscorlib">
<Style.Resources>
<ResourceDictionary />
</Style.Resources>
<Setter Property="TextElement.Foreground">
<Setter.Value>
<DynamicResource ResourceKey="{x:Static SystemColors.ControlTextBrushKey}" />
</Setter.Value>
</Setter>
<Setter Property="Panel.Background">
<Setter.Value>
<SolidColorBrush>
#00FFFFFF</SolidColorBrush>
</Setter.Value>
</Setter>
<Setter Property="Control.Padding">
<Setter.Value>
<Thickness>
5,5,5,5</Thickness>
</Setter.Value>
</Setter>
<Setter Property="Control.HorizontalContentAlignment">
<Setter.Value>
<x:Static Member="HorizontalAlignment.Left" />
</Setter.Value>
</Setter>
<Setter Property="Control.VerticalContentAlignment">
<Setter.Value>
<x:Static Member="VerticalAlignment.Top" />
</Setter.Value>
</Setter>
<Setter Property="Control.Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Label}">
<Border BorderBrush="{TemplateBinding Border.BorderBrush}" BorderThickness="{TemplateBinding Border.BorderThickness}" Background="{TemplateBinding Panel.Background}" SnapsToDevicePixels="True" Padding="{TemplateBinding Control.Padding}">
<ContentPresenter HorizontalAlignment="{TemplateBinding Control.HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding Control.VerticalContentAlignment}" SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" ContentTemplate="{TemplateBinding ContentControl.ContentTemplate}" RecognizesAccessKey="True" Content="{TemplateBinding ContentControl.Content}" />
</Border>
<ControlTemplate.Triggers>
<Trigger Property="UIElement.IsEnabled">
<Setter Property="TextElement.Foreground">
<Setter.Value>
<DynamicResource ResourceKey="{x:Static SystemColors.GrayTextBrushKey}" />
</Setter.Value>
</Setter>
<Trigger.Value>
<s:Boolean>
False</s:Boolean>
</Trigger.Value>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

接下來是TextBlock的:
<Style TargetType="{x:Type TextBlock}" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Style.Resources>
<ResourceDictionary />
</Style.Resources>
<Setter Property="TextBlock.TextWrapping">
<Setter.Value>
<x:Static Member="TextWrapping.NoWrap" />
</Setter.Value>
</Setter>
<Setter Property="TextBlock.TextTrimming">
<Setter.Value>
<x:Static Member="TextTrimming.None" />
</Setter.Value>
</Setter>
</Style>

從兩段代碼中可以明顯地看出,Label的模板更加復雜,而且TextBlock控件沒有ControlTemplate部分,這和之前的Visual Tree也是相符合的。現在繼續ControlTemplate這個話題,Label的ControlTemplate中包含一個屬性觸發器(關於屬性觸發器知識,您可以參考我之前的文章),該觸發器的含義是:當Label的IsEnabled發生變化時,它的前景色會發生變化,而TextBlock並不具備這個特性。

從以上這些分析中,可以得出這樣的結論:TextBlock屬於比較底層的控件,因此它的性能要比Label好一些。如果需求只是純文本的顯示,並且不提供Access key的支持,那麽TextBlock是個不錯的選擇。 轉載:http://www.cnblogs.com/junbird-nest/archive/2012/10/08/2715601.html

WPF學習二:TextBlock和Label的區別