【C#/WPF実践入門編(1)】WPFとは？2025年のWindowsアプリ開発で選ばれる理由と強み6選！

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

    <TextBlock Grid.Row="0" Text="タイトル" 
           FontSize="24" FontWeight="Bold" 
           HorizontalAlignment="Center" Margin="10"/>

    <Button Grid.Row="1" Content="クリック" 
        Background="SteelBlue" Foreground="White"
        Padding="20,10" 
        HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>
…

…  
      <TextBlock Grid.Row="0" Text="{Binding Title}" 
               FontSize="24" FontWeight="Bold" 
               HorizontalAlignment="Center" Margin="10"/>
…

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        DataContext = new MainViewModel();
    }
}

public class MainViewModel : INotifyPropertyChanged
{
    private string _title = "データバインディングの例";
    
    public string Title
    {
        get => _title;
        set
        {
            _title = value;
            OnPropertyChanged(nameof(Title));
        }
    }
    …
}

<Button Content="マウスを乗せて！" Width="120" Height="50">
    <Button.RenderTransform>
        <ScaleTransform x:Name="btnScale" ScaleX="1" ScaleY="1"/>
    </Button.RenderTransform>
    <Button.Triggers>
        <EventTrigger RoutedEvent="Button.MouseEnter">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX"
                                     To="1.3" Duration="0:0:0.2"/>
                    <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY"
                                     To="1.3" Duration="0:0:0.2"/>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
        <EventTrigger RoutedEvent="Button.MouseLeave">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX"
                                     To="1" Duration="0:0:0.2"/>
                    <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY"
                                     To="1" Duration="0:0:0.2"/>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Button.Triggers>
</Button>

<Window x:Class="WpfApp3.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="WPF Style Sample" Height="200" Width="400">
    <Window.Resources>
        <!-- ここでスタイルを定義 -->
        <Style TargetType="Button">
            <Setter Property="Background" Value="#4CAF50"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="FontSize" Value="16"/>
            <Setter Property="Padding" Value="10,5"/>
        </Style>
    </Window.Resources>

    <Grid>
        <Button Content="Styled Button" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Grid>
</Window>