Wpf-application-level

提供:Dev Guides
移動先:案内検索

WPF-アプリケーションレベル

アプリレベルでスタイルを定義すると、アプリケーション全体でスタイルにアクセスできるようになります。 同じ例を取り上げましょう。ただし、ここでは、app.xamlファイルにスタイルを入れて、アプリケーション全体でアクセスできるようにします。 app.xamlのXAMLコードを次に示します。

<Application x:Class = "Styles.App"
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   StartupUri = "MainWindow.xaml">

   <Application.Resources>
      <Style TargetType = "TextBlock">
         <Setter Property = "FontSize" Value = "24"/>
         <Setter Property = "Margin" Value = "5"/>
         <Setter Property = "FontWeight" Value = "Bold"/>
      </Style>

      <Style TargetType = "TextBox">
         <Setter Property = "HorizontalAlignment" Value = "Left"/>
         <Setter Property = "FontSize" Value = "24"/>
         <Setter Property = "Margin" Value = "5"/>
         <Setter Property = "Width" Value = "200"/>
         <Setter Property = "Height" Value="40"/>
      </Style>

   </Application.Resources>

</Application>

テキストブロックとテキストボックスを作成するXAMLコードを次に示します。

<Window x:Class = "Styles.MainWindow"
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   Title = "MainWindow" Height = "350" Width = "604">

   <Grid>
      <Grid.RowDefinitions>
         <RowDefinition Height = "Auto"/>
         <RowDefinition Height = "Auto"/>
         <RowDefinition Height = "Auto"/>
         <RowDefinition Height = "*"/>
      </Grid.RowDefinitions>

      <Grid.ColumnDefinitions>
         <ColumnDefinition Width = "*"/>
         <ColumnDefinition Width = "2*"/>
      </Grid.ColumnDefinitions>

      <TextBlock Text = "First Name: "/>
      <TextBox Name = "FirstName" Grid.Column = "1"/>
      <TextBlock Text = "Last Name: " Grid.Row = "1"/>
      <TextBox Name = "LastName" Grid.Column = "1" Grid.Row = "1"/>
      <TextBlock Text = "Email: " Grid.Row = "2"/>
      <TextBox Name = "Email" Grid.Column = "1" Grid.Row = "2"/>
   </Grid>

</Window>

上記のコードをコンパイルして実行すると、次のウィンドウが生成されます。

アプリケーションレベル

上記のコードを実行して、さらに多くの機能を挿入することをお勧めします。