将ItemContainerStyle放在网格上

时间:2016-03-08 15:39:42

标签: winrt-xaml

显然,ItemContainerStyle并不存在于Grid中,这就是问题所在。

我的程序有一个显示一堆项目的ListView。我想为每个项目添加一个按钮,提供更多信息,而且我可以轻松完成。我遇到的问题是每个项目上出现的边框,通过单击项目来显示当前选中的用户来打开/关闭边框。我不希望这个边界环绕我的按钮;我希望按钮位于带边框的位置右侧。

我无法将按钮放在单独的列表中,或者我会获得两个不同的可滚动列表,因此它必须保留在ListView中,但ListView上的任何边框都将包围ListView中的所有内容。我的解决方案是在ListView中创建一个带有两个网格的StackPanel,其中第一个Grid包含所有旧东西和可切换边框,第二个网格只有我的按钮。所以现在我只需要将那个边框移到Grid上......但是怎么样?

XAML代码:

<!-- Other code up above... -->
            <ListView x:Name="lstAvailableProjects"
                      Grid.Row="1" 
                      ItemsSource="{Binding ProjectList, Mode=TwoWay}"
                      Height="Auto"  
                      Width="Auto"
                      SelectionMode="Multiple"    
                      IsRightTapEnabled="True"
                      IsDoubleTapEnabled="False"
                      IsSwipeEnabled="False"
                      SelectionChanged="lstAvailableProjects_SelectionChanged" 
                      Background="Transparent"
                      VerticalAlignment="Top"
                      ItemContainerStyle="{StaticResource ActiveProjectListViewStyle}"
                      BorderThickness="30,0,0,0">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <Grid HorizontalAlignment="Stretch" Width="250" Background="{Binding Converter={StaticResource projectStateColorConverter}}">
                                <Grid.RowDefinitions>
                                    <RowDefinition/>
                                    <RowDefinition/>
                                </Grid.RowDefinitions>
                                <TextBlock Text="{Binding ProjectName}" 
                                       Foreground="Black" 
                                       Margin="10 5 0 0"
                                       FontSize="17"
                                       VerticalAlignment="Center"
                                       Grid.Row="0"
                                       HorizontalAlignment="Stretch"/>
                                <TextBlock Text="{Binding AssignmentRole}"
                                       Visibility="{Binding ProjectAssignmentRole, Mode=OneWay, Converter={StaticResource visibilityConverter}}"
                                       Foreground="Black" 
                                       Margin="10 3 0 5"
                                       FontSize="14"
                                       Grid.Row="1"
                                       HorizontalAlignment="Stretch"/>
                                <TextBlock Text="{Binding StatusText}"
                                       Foreground="Red"
                                       Margin="10 3 0 5"
                                       Grid.Row="2"
                                       FontSize="14"/>
                            </Grid>
                            <Grid>
                                <Button>
                                    <Button.Template>
                                        <ControlTemplate>
                                            <Image Source="../Assets/setting_icon.png" Height="40" />
                                        </ControlTemplate>
                                    </Button.Template>
                                </Button>
                            </Grid>
                        </StackPanel>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>

1 个答案:

答案 0 :(得分:1)

由于网格项被包装除了覆盖preparecontainerforitemoverride之外,您无法在xaml中进行更改以实现它。

有点棘手的黑客就是将变换应用于按钮。

<Button.RenderTransform>
 <CompositeTransform TranslateX="100" TranslateY="100"/>
<Button.RenderTransform>