csharps280の日記

備忘録として...

【WPF XAMLサンプル】ON・OFFだけのウインドウ

ON/OFFしかボタンがない、小さなウインドウをつくる。

完成イメージ

f:id:csharps280:20191223174533p:plain

XAML

<Window x:Class="WpfApp1.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"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Height="138.343" Width="279.755" >
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"></RowDefinition>
            <RowDefinition Height="1*"></RowDefinition>
            <RowDefinition Height="auto"></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*"></ColumnDefinition>
            <ColumnDefinition Width="1*"></ColumnDefinition>
        </Grid.ColumnDefinitions>

        <Button Name="btServiceStart" Grid.Row="1" Grid.Column="0" Margin="5" FontSize="16">
            <Button.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="Yellow" Offset="1"/>
                    <GradientStop Color="White"/>
                </LinearGradientBrush>
            </Button.Background> ON
        </Button>
        <Button Name="btServiceStop" Grid.Row="1" Grid.Column="1" Margin="5" FontSize="16">
            <Button.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="Cyan" Offset="1"/>
                    <GradientStop Color="White"/>
                </LinearGradientBrush>
            </Button.Background> OFF
        </Button>

        <TextBlock Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" 
                   Margin="3" FontSize="14">
            タイトル
        </TextBlock>
        <StatusBar Grid.Row="2" Grid.ColumnSpan="2" Background="#FFFFFF">
            <TextBlock>該当するボタンをクリックしてください。</TextBlock>
        </StatusBar>
    </Grid>
</Window>

使用例

f:id:csharps280:20191101211051p:plain f:id:csharps280:20191223175027p:plain