为什么框架的边缘被切除？在带有CornerRadius的CollectionView中进行框框

问题描述

这实际上是一个嵌套的CollectionView，但我认为这不是问题的一部分-请让我知道是否可能，我可以包括其余的内容。

有人可以帮助我了解为什么我的Frame的右边缘被切掉了吗？包括以下屏幕截图和代码片段：

<CollectionView Grid.Column="0" Grid.Row="3" Grid.ColumnSpan="4" Margin="5"
                HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" 
                ItemsSource="{Binding WeeklySchedules}"
                EmptyView="No items currently exist !"                
                x:DataType="formsPages:GroupSchedule">

    <CollectionView.ItemsLayout>
        <LinearItemsLayout Orientation="Vertical" ItemSpacing="5"/>
    </CollectionView.ItemsLayout>
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <Grid RowSpacing="0">
                <Grid.RowDeFinitions>
                    <RowDeFinition Height="Auto"></RowDeFinition>
                </Grid.RowDeFinitions>
            
                <Frame Grid.Row="0" VerticalOptions="Fill" 
                       CornerRadius="4" 
                       BorderColor="{StaticResource LightTextColor}"
                       HasShadow="False"
                       Margin="0" 
                       BackgroundColor="White"/>
                <Label Grid.Row="0" Text="{Binding DayOfWeek}"
                       VerticalOptions="Center"
                       FontSize="13"
                       Padding="6"
                       x:DataType="formsPages:WeeklyScheduleModel"/>
                <Label Grid.Row="0" Text="{Binding TimeString}"
                       VerticalOptions="Center"
                       HorizontalTextAlignment="End"
                       FontSize="13"
                       Padding="6,6,30,6"
                       x:DataType="formsPages:WeeklyScheduleModel"></Label>
            </Grid>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

解决方法

这是因为您在框架顶部重叠了标签。所以某些部分是不可见的

您应该使用stacklayout / grid作为框架的子项来放置项目。

或者，您可以为TimeString Label设置右边距。