2021.1.13

CheckBoxのサイズを大きくする(LayoutTransform、Scale)

WPFのチェックボックスを配置してそのまま利用すると、サイズが小さくて、画面の構成によっては、チェック操作がやりにくいといったことがあるので、チェックボックスのサイズを大きくして表示する方法です。

コード

以下は、2つのチェックボックスを用意して、2つ目のチェックボックスを拡大して表示しています。


<Canvas>
    <StackPanel>
        <CheckBox Content="チェックボックス1" Margin="5"/>
        <CheckBox Content="チェックボックス2" Margin="5">
            <CheckBox.LayoutTransform>
                <ScaleTransform ScaleX="1.5" ScaleY="1.5" />
            </CheckBox.LayoutTransform>
        </CheckBox>
    </StackPanel>
</Canvas>

チェックボックスを大きく表示するには「LayoutTransform」でスケール(ScaleX、ScaleY)の設定を行います、

実際の表示

上記のコードを実行すると以下のような表示となります。

WPF】関連記事