微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决为什么框架的边缘被切除?在带有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>

enter image description here

解决方法

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。