xaml チュートリアル
xamlを使い始める
サーチ…
備考
Lの anguage(XAML)ARKUP E X tensible A pplication Mは 、マイクロソフトが開発したXMLベースのマークアップ言語です。これは、Windows Presentation Foundation(WPF)、Silverlight、WinRT、Universal Windows PlatformなどのいくつかのMicrosoftテクノロジでアプリケーションのユーザーインターフェイスを定義するために使用されます。
バージョン
| バージョン | 発売日 |
|---|---|
| WPF XAML | 2006-11-21 |
| Silverlight 3 | 2009年7月9日 |
| Silverlight 4 | 2010-04-15 |
| Windows 8 XAML | 2011-09-01 |
インストールまたはセットアップ
最初のXAMLを作成する最も簡単な方法は、Microsoft Visual Studioをインストールすることです。これはマイクロソフトから無料で入手できます。
インストールしたら、VB.NETまたはC#コードを使用して、WPFアプリケーションタイプの新しいプロジェクトを作成できます。
これは、一連のウィンドウを持っているという意味でのWindowsフォームと似ていますが、主な違いは、これらのウィンドウがXAMLで記述されていて、さまざまなデバイスに非常に敏感であるということです。
まだ改良が必要です。
こんにちは世界
WPFのXAMLページの簡単な例を次に示します。 Grid 、 TextBlock 、 Button (XAMLの最も一般的な要素)で構成されています。
<Window x:Class="FirstWpfApplication.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Title="MainWindow"
Height="350"
Width="525">
<Grid>
<TextBlock Text="Welcome to XAML!"
FontSize="30"
Foreground="Black"
HorizontalAlignment="Center"
VerticalAlignment="Center"/>
<Button Content="Hello World!"
Background="LightGray"
Foreground="Black"
FontSize="25"
Margin="0,100,0,0"
VerticalAlignment="Center"
HorizontalAlignment="Center"/>
</Grid>
</Window>
| 構文 | 説明 |
|---|---|
<Window> | データを視覚化し、ユーザーがデータと対話できるようにするコンテンツをホストするルートコンテナ。 WPFウィンドウは、要素がルートであるXAML(.xaml)ファイルとCodeBehind(.cs)ファイルの組み合わせです。 |
<Grid> | 子要素を行と列の表形式の構造に配置するレイアウトパネル。 |
<TextBlock> | Inlinesプロパティで、TextプロパティまたはBold、Hyperlink、InlineUIContainerなどのインラインフローコンテンツ要素に文字列テキストを表示するための軽量なコントロールを提供します。 |
<Button> | ユーザーがクリックすると反応するボタンコントロールを表します。 |
| プロパティ | 説明 |
|---|---|
Title | ウィンドウのタイトルを取得または設定します。 |
Height | 要素の高さを取得または設定します。 |
Width | 要素の幅を取得または設定します。 |
Text | テキスト要素のテキストコンテンツを取得または設定します。 |
FontSize | テキストの最上位のフォントサイズを取得または設定します。 |
Background | 要素の背景をペイントするブラシの色を取得または設定します。 |
Foreground | 要素内のテキストのフォントをペイントするブラシの色を取得または設定します。 |
Margin | 要素と他の要素との間の外側空間を表す値を取得または設定します。 |
HorizontalAlignment | 要素がパネルまたはアイテムコントロールなどの親要素内で構成されている場合、要素に適用される水平方向の配置特性を取得または設定します。 |
VerticalAlignment | 要素がパネルまたはアイテムコントロールなどの親要素内で合成されたときに、要素に適用される垂直配置特性を取得または設定します。 |
Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow