コンテントにイメージを使用する

コンテントは、チェックマークの右側に表示されれる部分です。

通常テキストが表示されますが、イメージを表示することもできます。

下記は、テキストの代わりにイメージを設定する例です。CheckBox の要素に Image 要素を入れてイメージを表示しています。

コンテントにイメージを使用する例

 

XAMLの例

<StackPanel Orientation="Vertical">
    <TextBlock Text="好きな果物を選択してください" FontSize="14" />
    <StackPanel Orientation="Horizontal">        
        <CheckBox Name="CheckBox1" VerticalAlignment="Top" Margin="10,0,0,0"               
                  Height="Auto" Width="Auto">
            <Image Source="/Images/Apple.png" Width="100" Height="100" Stretch="Fill" />
        </CheckBox>
        <CheckBox Name="CheckBox2" VerticalAlignment="Top"                  
                  Height="Auto" Width="Auto">
            <Image Source="/Images/Banana.png" Width="100" Height="100" Stretch="Fill" />
        </CheckBox>
        <CheckBox Name="CheckBox3" VerticalAlignment="Top"                  
                  Height="Auto" Width="Auto">
            <Image Source="/Images/Orange.png" Width="100" Height="100" Stretch="Fill" />
        </CheckBox>
    </StackPanel>
</StackPanel>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です