Question

我有一个绑定到数据的列表框，列表框中的每个项目我都希望有圆角。我使用了边框标签，但它似乎没有任何效果。

这是我正在使用的代码;

<ListBox Name="lstbMenu" Margin="0,190,6,6" Height="488">

                <ListBox.ItemTemplate>

                    <DataTemplate>
                    <Border CornerRadius="10">
                        <StackPanel Orientation="Horizontal" Margin="10" Background="Beige" Width="488">
                            <StackPanel Orientation="Vertical">
                                <Image Source="Images/1_0_1_1B59_7DA_2_11A0000_0_0_0.png" VerticalAlignment="Center" Height="80" Width="80" Margin="10"/>
                            </StackPanel>
                            <TextBlock Text="{Binding Path=menuText}" VerticalAlignment="Center" Margin="10" FontSize="20" />
                            <TextBlock Text="{Binding Path=menuPage}" Visibility="Collapsed" />
                        </StackPanel>
                    </Border>
                </DataTemplate>

                </ListBox.ItemTemplate>

        </ListBox>

有没有人有任何想法？

由于

Answer 1

默认情况下，Border的背景为透明，边框粗细为0.您需要设置{{1}的Background，BorderBrush和BorderThickness属性}}

Answer 2

这是您的代码，边框的厚度设置为4，画笔设置为白色，通过设置背景属性，您可以选择颜色或添加图像：

<ListBox Name="lstbMenu" Margin="0,190,6,6" Height="488">

                <ListBox.ItemTemplate>

                    <DataTemplate>
                    <Border BorderThickness="4" BorderBrush="White" CornerRadius="10">
                        <StackPanel Orientation="Horizontal" Margin="10" Background="Beige" Width="488">
                            <StackPanel Orientation="Vertical">
                                <Image Source="Images/1_0_1_1B59_7DA_2_11A0000_0_0_0.png" VerticalAlignment="Center" Height="80" Width="80" Margin="10"/>
                            </StackPanel>
                            <TextBlock Text="{Binding Path=menuText}" VerticalAlignment="Center" Margin="10" FontSize="20" />
                            <TextBlock Text="{Binding Path=menuPage}" Visibility="Collapsed" />
                        </StackPanel>
                    </Border>
                </DataTemplate>

                </ListBox.ItemTemplate>

        </ListBox>

使用<border cornerradius =“10”>作为列表框中的文本块</border>

2 个答案: