ItemsControl に数種類のコントロールを定義して選択したい。

お世話になります。

現在、Thumbコントロールを使用してドラッグできるコントロールを作っているのですが、
<ItemsControl.ItemTemplate> に、複数のコントロールを定義し、選択して表示したい。
現在はラベルを定義していますが、テキストボックスだとかコンボボックス等、複数のコントロールを
定義できるのでしょうか？または、良い方法があれば、ご教示ください。

宜しくお願いします。

XAML
1
2        <ItemsControl x:Name="DragList" ItemsSource="{Binding}" Grid.Column="0">
3
4            <!--コレクション項目をどのようにレイアウトするかを決定します-->
5            <ItemsControl.ItemsPanel>
6                <ItemsPanelTemplate>
7                    <Canvas/>
8                </ItemsPanelTemplate>
9            </ItemsControl.ItemsPanel>
10
11            <!--コンテナーの動作定義-->
12            <!--親ContentPresenterの位置をバインディング設定する-->
13            <ItemsControl.ItemContainerStyle>
14                <Style TargetType="{x:Type ContentPresenter}">
15                    <Setter Property="Canvas.Left" Value="{Binding X}"/>
16                    <Setter Property="Canvas.Top"  Value="{Binding Y}"/>
17
18                    <Style.Triggers>
19                        <Trigger Property="IsMouseOver" Value="True">
20                            <Setter Property="Panel.ZIndex" Value="1"/>
21                        </Trigger>
22                        <Trigger Property="IsMouseOver" Value="False">
23                            <Setter Property="Panel.ZIndex" Value="0"/>
24                        </Trigger>
25
26                    </Style.Triggers>
27                </Style>
28            </ItemsControl.ItemContainerStyle>
29
30            <!--コンテナーのデータオブジェクト-->
31            <ItemsControl.ItemTemplate>
32                <DataTemplate>
33                    <Thumb DragDelta="Thumb_DragDelta" >
34                        <Thumb.Template>
35                            <ControlTemplate TargetType="{x:Type Thumb}">
36                                <Label Width="150" Height="150" FontFamily="Meiryo" MouseDown="Label_MouseDown" MouseEnter="Label_MouseEnter" BorderThickness="3" MouseLeave="Label_MouseLeave">
37                                    <Label.Background>
38                                        <ImageBrush ImageSource="Resources/Image/Test.png"/>
39                                    </Label.Background>
40                                </Label>
41                            </ControlTemplate>
42                        </Thumb.Template>
43                    </Thumb>
44                </DataTemplate>
45            </ItemsControl.ItemTemplate>
46
47        </ItemsControl>
48

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

回答1件

ベストアンサー

こんにちは。

可能です。
ControlTemplateの中にGridやStackPanelなどのレイアウトコントロールを配置し、その中に自由に配置すれば良いだけです。

複数のコントロールを定義し、選択して表示したい

ここについて見落としました。
どういう要件でしたか。

XML
1<ItemsControl>
2    <ItemsControl.ItemTemplate>
3        <DataTemplate>
4            <Thumb DragDelta="Thumb_DragDelta">
5                <Thumb.Style>
6                    <Style TargetType="Thumb">
7                        <Style.Triggers>
8                            <DataTrigger Binding="{Binding ctrlType}" Value="0">
9                                <Setter Property="Template" Value="{StaticResource LabelTemplate}" />
10                            </DataTrigger>
11                            <DataTrigger Binding="{Binding ctrlType}" Value="1">
12                                <Setter Property="Template" Value="{StaticResource ComboBoxTemplate}" />
13                            </DataTrigger>
14                        </Style.Triggers>
15                    </Style>
16                </Thumb.Style>
17            </Thumb>
18        </DataTemplate>
19    </ItemsControl.ItemTemplate>
20</ItemsControl>

投稿2016/12/24 16:00

編集2016/12/24 16:23

Tak1wa

総合スコア4791

mugicya

2016/12/24 16:11

ObservableCollection<ViewModel> ViewModels1; ViewModel というクラスをリストに登録して Canvas 上に表示しています。このクラスに、ctrlType 等のプロパティを持たせて、その値を設定してコレクションに Addして表示するコントロールを変更するような仕組みを目指しています。 ctrlTypeは、 0:Label 1:ComboBox . . というような感じで定義できれば良いな、と思っています。

mugicya

2016/12/24 16:15

ControlTemplate自体をResourceに定義してそれを選択…うーん、まだよく解ってない…