美しいミズキ

1
<ItemsControl ItemsSource="{TemplateBinding ItemsSource}">
2
<ItemsControl.ItemsPanel>
3
// 自定义ItemControl布局
4
    <ItemsPanelTemplate>
5
    <UniformGrid
6
        HorizontalAlignment="Center"
7
        VerticalAlignment="Top"
8
        ColumnSpacing="8"
9
        Columns="3"
10
        RowSpacing="5"
11
        Rows="4"/>
12
    </ItemsPanelTemplate>
13
</ItemsControl.ItemsPanel>
14
<ItemsControl.ItemTemplate>
15
// 自定义ItemControl的每一个Item
16
    <DataTemplate x:DataType="models:VoiceItem"> // 指定数据模型
17
    <controls:VoiceItem
18
        // 绑定model:VoiceItem里的 Title, BackgroundImage, CharacterName
19
        Title="{Binding Title}"
20
        BackgroundImage="{Binding BackgroundImage}"
21
        CharacterName="{Binding CharacterName}"
22
        // 绑定父类的Command命令
23
        Command="{Binding $parent[controls:VoiceItemPanel].Command}"
24
        // 绑定数据为自己
25
        CommandParameter="{Binding}"
26
        DeleteCommand="{Binding $parent[controls:VoiceItemPanel].DeleteCommand}"
27
        MoveCommand="{Binding $parent[controls:VoiceItemPanel].MoveCommand}"
28
        Text="{Binding Text}"/>
29
    </DataTemplate>
30
</ItemsControl.ItemTemplate>
31
</ItemsControl>