WPF:選択されたアイテムの画像を表示させるコントロール

WPFを使ってアプリの開発を行っています。
ドロップダウンでメニューアイテムを展開させて、
選択されたメニューアイテムの画像をドロップダウンのコントロールに表示するようなものを
作成しようとしています。

どのコントロールを使えば実装できるか、ご存知の方いらっしゃいましたら教えていただけないでしょうか。

説明がわかりずらくてすみません。
イメージとしては、
Word2013のデザイン＞配色のコントロールです。

###試したこと

現在は下記のような実装をしていますが、
メニューアイテムのtestが選択された際、
ドロップダウンボタンのSelectImageがItemImageになるように実装したいです。

xaml
1<Fluent:DropDownButton Icon="SelectedImage">
2   <MenuItem Header="test" Icon="ItemImage"/>
3  <MenuItem Header="test2" Icon="ItemImage2"/>
4</Fluent:DropDownButton>

###補足情報(言語/FW/ツール等のバージョンなど)
FluentRibbonを使用しています。

行動規範の内容に同意します

回答1件

ベストアンサー

こんにちは。

画像で試してないですがコンボボックスだとどうでしょう。
BorderをImageに置き換えて試してみてください。

XAML
1<ComboBox Width="100" Height="40">
2    <ComboBox.Resources>
3        <Border x:Key="item1" Background="Yellow" Width="30" Height="30" />
4        <Border x:Key="item2" Background="Red" Width="30" Height="30" />
5        <Border x:Key="item3" Background="Blue" Width="30" Height="30" />
6        <Border x:Key="item4" Background="Green" Width="30" Height="30" />
7        <Border x:Key="item5" Background="Peru" Width="30" Height="30" />
8        <Border x:Key="item6" Background="Violet" Width="30" Height="30" />
9        <Border x:Key="item7" Background="Silver" Width="30" Height="30" />
10        <Border x:Key="item8" Background="Gold" Width="30" Height="30" />
11        <Border x:Key="item9" Background="Thistle" Width="30" Height="30" />
12        <Border x:Key="item10" Background="Azure" Width="30" Height="30" />
13    </ComboBox.Resources>
14    <ComboBox.ItemsPanel>
15        <ItemsPanelTemplate>
16            <UniformGrid Columns="4" />
17        </ItemsPanelTemplate>
18    </ComboBox.ItemsPanel>
19    <ComboBoxItem Content="{StaticResource item1}" />
20    <ComboBoxItem Content="{StaticResource item2}" />
21    <ComboBoxItem Content="{StaticResource item3}" />
22    <ComboBoxItem Content="{StaticResource item4}" />
23    <ComboBoxItem Content="{StaticResource item5}" />
24    <ComboBoxItem Content="{StaticResource item6}" />
25    <ComboBoxItem Content="{StaticResource item7}" />
26    <ComboBoxItem Content="{StaticResource item8}" />
27    <ComboBoxItem Content="{StaticResource item9}" />
28    <ComboBoxItem Content="{StaticResource item10}" />
29</ComboBox>

投稿2016/06/17 10:19

Tak1wa

総合スコア4791

tokyoneko

2016/06/20 06:36

ありがとうございます。まだWPFのテンプレートになれていないので、勉強になりました！！ただ、ヘッダー付の画像を展開させたいので ComboBoxItemを＜MenuItem Header="item1" Icon＝”｛StaticResourse item1}"/＞に変えてみたところ、 MenuItemの形で展開されたものの、選択されたMenuItemの画像が反映されませんでした。 MenuItemの画像を反映させたい場合は、他のコントロールを使うべきなのでしょうか。