WPF入門チュートリアル:HelloWordとレイアウト

WPF入門チュートリアル:HelloWordとレイアウト

参考:
https://www.cnblogs.com/dotnet261010/p/6275821.html

1.はじめに

1.1 WPFとは何ですか?

WPF:WindowsのPresentation Foundationのは、Windows VistaでベースのMicrosoftのユーザー・インターフェース・フレームワークです。.NET Framework 3.0のパート。

1.2 WPFの機能

  • 統一プログラミングモデル:統一された制御を提供するために、音声、ビデオ、ドキュメント、3Dやその他の技術。
  • 解像度に依存しない:ベクトルベースのグラフィックス、解像度の様々な表示装置に表示させることができます。
  • ハードウェアアクセラレーション:Direct3Dのベースの作成、すべてのコンテンツは、3D三角形、材料およびハードウェアによるレンダリングを担当する他のDirect3Dオブジェクトに変換されます。
  • 宣言型プログラミング:分離ステーションの前と後に、インターフェースを開発するための新しいXAML言語の導入;
  • 展開の容易:通常のデスクトップアプリケーションとして公開に加えて、わずかにブラウザベースのアプリケーションを公開するように変更すること。

1.3一般的なツール



まず、WPFプログラムを作成します。2.

2.1 HelloWorldの作成

新しいWPFプロジェクトを作成します。
image.png
作成が完了すると、プロジェクトファイルを:
image.png

2.2プロジェクトファイル

(1)App.xaml:设置文件的起使文件和资源
image.png
(2)App.xaml.cs:WPF应用程序的中心类,.NET首先进入这个类的起始指令,从这里启动预想的窗口或者网页。
image.png
(3)MainWindow.xaml:窗口设计文件,和写安卓程序相似
image.png
(4)MainWindow.xaml.cs:MainWindow.xaml对应的后台代码文件,在这里定义界面逻辑。
image.png

项目创建完成后就可以直接编译运行。总体和开发Android应用很类似。

3. 布局Panel

合理的元素布局通常是我们写界面程序首先要考虑到的事情。WPF提供Panel来控制用户界面的布局。
用户布局的Panel总体有6个:StackPanel、WrapPanel、DockPanel、Canvas、Grid、UniformGrid。

3.1 StackPanel

栈布局,可以将元素排列成一行或者一列,且独占一行或者一列。
Orientation属性制定排列方式:Vertical(默认)/Horizontal。
剩余空间填充策略:HorizontalAlignment/VerticalAlignment
image.pngimage.png
注:当把StackPanel的FlowDirection属性设置为RightToLeft,Orientation属性设置为Horizontal,StackPanel将从右向左排列元素。

3.2 WrapPanel

环绕面板,将各个控件从左至右按行或列的顺序罗列,当长度或者高度不够时自动进行换行。
Orientation:Horizontal/Vertical,排列方向;
ItemHeight:所有元素都一致的高度;
ItemWidth:每个元素都一致的宽度。
image.png

ウィンドウのサイズを変更すると、自動的に再配置されます。

3.3 DockPanel

ドックパネル:エリアを定義し、この領域で、あなたはプロット点の周りの子要素を配置することができ、同じ側のストッパ要素は複数の順で配置されます。すべての要素は重複しません。
それは、のような偽の性質LastChildFill DockPanelを開発する必要性、そしてある最後の子要素の側にドッキングされている必要がありますので、デフォルトでは、唯一の残りのスペースを使用することができる元素を添加した後、最後に残りの制御は常に、残りの領域を塗りつぶします。
image.png

3.4キャンバス

キャンバス:各要素の位置を正確に制御します。必要性は、キャンバスの子要素に独自の位置を指定するために、またはすべての要素がキャンバスの左上隅に表示されます。
あなたは、位置を調整するために、左、右、上、下の4つの追加の属性を使用することができます。
また、紛争とは、2つの追加の位置属性を設定した場合、キャンバス内の子コントロールが、二つ以上の追加のロケーション属性キャンバスの競合を使用することはできませんのでご注意、そして後者は、例えば、無視左と右の両方に設定されます。
image.png

3.5グリッド

グリッドレイアウトは、すなわち、要素のパネルレイアウト上の表形式で、インターフェースのほとんどは、このようなレイアウトの開発フレームワークを持っています。
グリッドを使用は、最初にすべての要素RowDefinitionsのRowDefinitionsとColumnDefinitionsとColumnDefinitions一定数の行と列の数を定義するために属性を追加します。
制御要素に配置されたグリッドパネルは、ここで、行と列に配置され、任意の行が明示的に設定されていない場合、これら二つの特性の値は、0最初からインデックス番号である行を使用して表示し、列の追加のプロパティを定義しなければならない、または列は、グリッドは、暗黙的に最初の行0、列0に追加さを制御します。グリッドセルは、セルが複数の要素を有していてもよく、空にすることができます。
Grid.ShowGridLinesプロパティは、グリッド線を表示するかどうかを設定することができます。
image.png

実際の戦闘の経験を蓄積するために、より複雑な使用方法の必要性。

おすすめ

転載: www.cnblogs.com/xl2432/p/12101227.html