Использование <border cornerradius = "10" /> для текстового блока в списке

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. Вам необходимо установить свойства Background, BorderBrush и BorderThickness для Border.

.

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>