WPF 急速開発 (1): 静的電卓のナレッジ ポイントの補足

序文

この章では主にレイアウト要素と簡単なコントロールの使用方法を紹介します。

WPF の概要

• WPF は MVVM フレームワークです
• Windowsプラットフォーム上でのみ実行できるプログラムです
  • WPF の後継である UWP、MAUI などはクロスプラットフォームに対応できます。
  • WPF の更新日は次のとおりです。
    • 公式は新しいバージョンをリリースしませんが、他の新しいフレームワークを有効にします。
    • サードパーティのライブラリはまだ更新中です
    • アドバンテージ：
      • サードパーティのライブラリでは、バージョンの適応を考慮する必要はありません。
      • 後のプログラムは最適化が容易です
    • 欠点:
      • ネイティブの制限: クロスプラットフォームではありません。

WPF ナレッジ ポイントの補足:

高解像度ビデオチュートリアル「シンプルな WPF 入門」シリーズ | 講師: Liu Tiemeng

WPF徹底解説集

WPF を始めるための基本的なチュートリアルのコレクション

WPF公式ドキュメント

WPF 公式​​デスクトップ ガイド

カラーコードURL

簡単な WPF プログラムを開始する方法

• 最新バージョンの Visual Studio をインストールします。(私は 2022 Community Edition を使用しています)
• .Net Framework をインストールします (私は 4.7.2)
• .Net Core をインストールします (私は 6.0)

新しい WPF プロジェクトを作成する

ページレイアウト

WPF のレイアウト順序では、最初にスペースが占有され、次にコントロールが配置されます。
レイアウトの原則: 同じスペースを占有しないでください。

• 固定レイアウト: グリッド、DockPanel
• 配置レイアウト：StackPanelとUniformGrid

グリッド: 棚のレイアウト

• Grid.RowDefinitions: 行を定義します。
  • RowDefinition: 行数
• Grid.ColumnDefinitions: 列を定義します。
  • ColumnDefinition: 列の数
• 高さ/幅：
  • 数値: 100 など。固定長
  • 比例タイプ: 例: 2*。比例した長さ
• グリッド.列/グリッド.行
  • どの行/列か。0から始める
• Grid.RowSpan/Grid.ColumnSpan
  • 開始点は行/列全体で同じままです

DockPanel: ドックのレイアウト

• LastChildFill
  • 最後の要素を強制的に埋めるかどうか
• ドックパネル.ドック
  • ドックの方向

StackPanel/WrapPanel: レイアウトを調整する

• 向き：配列方向
  • 水平: 水平
  • 縦型：縦型レイアウト
• StackPanel: ワードラップなし
• WrapPanel: 自動行折り返し

UniformGrid: 均等に分割されたグリッド レイアウト

• 行数: 行数
• 列: 列の数

制御要素

• ボタン: ボタン
  • 内容: テキスト
• テキストブロック: テキスト
• TexBox: 入力ボックス
• 境界線: 境界線

コントロールの共通プロパティ

• FontSize: フォントサイズ
• 水平配置: 水平方向の中央揃え
• 垂直配置: 水平方向の中央揃え
• TextAlignment: テキストを中央揃え
• FontSize: テキストのサイズ
• FontWeight: 文字の太さ
• フォントスタイル: フォント
  • 斜体:斜体
  • ノーマル：ノーマル
• 前景: カラー

ウィンドウ要素

• 最上位: デフォルトで最上位に固定するかどうか