WPF筆記（三）

quguiliang 14年前發布 | 3K 次閱讀 Evince

WPF 控件一覽

此處列出了內置的 WPF 控件。o:p /o:p

· 布局：Border、BulletDecorator、Canvas、DockPanel、Expander、Grid、GridView、GridSplitter、GroupBox、Panel、ResizeGrip、Separator、ScrollBar、ScrollViewer、StackPanel、Thumb、Viewbox、VirtualizingStackPanel、Window 和 WrapPanel。o:p /o:p

o:p /o:p

布局

<A name=Layout>創建</A> UI 時，您通過按位置和大小排列控件來形成一種布局。任何布局的主要要求都是適應窗口大小和顯示設置的變化。WPF 為您提供了一個一流的可擴展布局系統，而不是強制您編寫代碼以使布局適應這些情況。

布局系統的基礎是相對定位，它提高了適應窗口和顯示條件變化的能力。此外，布局系統還管理控件之間的協商以確定布局。協商過程分為兩步：第一步，控件向父控件通知它所需的位置和大小；第二步，父控件通知該控件它可以具有多大空間。

布局系統通過基本 WPF 類公開給子控件。對于通用的布局，如網格、堆疊和停靠，WPF 包括了幾個布局控件：

· Canvas：子控件提供其自己的布局。

· DockPanel：子控件與面板的邊緣對齊。

· Grid：子控件按行和列放置。

· StackPanel：子控件垂直或水平堆疊。

· VirtualizingStackPanel：子控件被虛擬化，并沿水平或垂直方向排成一行。

· WrapPanel：子控件按從左到右的順序放置，如果當前行中的控件數多于該空間所允許的控件數，則換至下一行。

下面的示例使用 DockPanel 排列幾個 TextBox 控件。

<Window

xmlns="

xmlns:x="

x:Class="SDKSample.LayoutWindow"

Title="Layout with the DockPanel" Height="143" Width="319">

o:p /o:p

<TextBox DockPanel.Dock="Bottom">Dock = "Bottom"</TextBox>

<TextBox Background="White">This TextBox "fills" the remaining space.</TextBox>

</DockPanel>

o:p /o:p

</Window>

DockPanel 允許子 TextBox 控件通知它如何排列這些子控件。為此，DockPanel 實現一個 Dock 屬性，該屬性公開給子控件，以便每個子控件指定一個停靠樣式。o:p /o:p

下圖演示了上一示例中 XAML 標記的結果。o:p /o:p

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" /><v:shapetype id=_x0000_t75 stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"><v:stroke joinstyle="miter">/v:stroke v:formulas<v:f eqn="if lineDrawn pixelLineWidth 0">/v:f<v:f eqn="sum @0 1 0">/v:f<v:f eqn="sum 0 0 @1">/v:f<v:f eqn="prod @2 1 2">/v:f<v:f eqn="prod @3 21600 pixelWidth">/v:f<v:f eqn="prod @3 21600 pixelHeight">/v:f<v:f eqn="sum @0 0 1">/v:f<v:f eqn="prod @6 1 2">/v:f<v:f eqn="prod @7 21600 pixelWidth">/v:f<v:f eqn="sum @8 21600 0">/v:f<v:f eqn="prod @7 21600 pixelHeight">/v:f<v:f eqn="sum @10 21600 0">/v:f /v:formulas<v:path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f">/v:path<o:lock aspectratio="t" v:ext="edit">/o:lock /v:shapetype<v:shape style="WIDTH: 239.25pt; HEIGHT: 117pt" id=_x0000_i1025 alt="DockPanel 頁" type="#_x0000_t75"><v:imagedata o:href="ms-help://MS.MSDNQTR.v90.chs/wpf_conceptual/art/WPFIntroFigure11.png" src="file:///C:\DOCUME~1\user\LOCALS~1\Temp\msohtml1\05\clip_image001.png">/v:imagedata /v:shape o:p /o:p

o:p /o:p

數據綁定o:p /o:p

<A name=Data_Binding>創建大多數應用程序的目的是為用戶提供查看和編輯數據的方式。對于</A> WPF 應用程序，存儲和訪問數據的工作已經由 Microsoft SQL Server 和 ADO.NET 之類的技術提供。訪問數據并將數據加載到應用程序的托管對象中后，WPF 應用程序的復雜工作才開始。實質上它涉及到兩個步驟：

1. 將數據從托管對象復制到控件中，在控件上可以顯示和編輯數據。

2. 確保將使用控件對數據進行的更改復制回托管對象。

為了簡化應用程序開發，WPF 提供了一個數據綁定引擎以自動執行這些步驟。數據綁定引擎的核心單元是 Binding 類，它的任務是將控件（綁定目標）綁定到數據對象（綁定源）。下圖說明了這種關系。

下面的示例演示如何將 TextBox 綁定到自定義 Person 對象的實例。下面的代碼演示了 Person 的實現。

namespace SDKSample

{

class Person

{

string name = "No Name";

o:p /o:p

public string Name

{

get { return name; }

set { name = value; }

}

}

本文由用戶 quguiliang 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。

轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。

本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！

本文地址：http://www.baiduhome.net/blog/5035946043979791239.html

Evince

WPF筆記（三）

博客分類

目錄

推薦閱讀

WPF筆記（三）

WPF筆記（二）

WPF筆記（一）

Microsoft Ribbon for WPF 下載地址