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

xamarin.forms:在 iOS 边框上查看不是全屏边缘有小角

如何解决xamarin.forms:在 iOS 边框上查看不是全屏边缘有小角

我正在尝试使顶部轮播视图全屏显示。但是,carouselview 中每张图片的左侧和上部都有一个轻微的边框。如果我为网格设置背景颜色,它会被渲染到角落,而不是图片。此代码适用于Android,该问题仅存在于iOS。有什么想法吗?

   <Grid>

        <Grid RowSpacing="0" ColumnSpacing="0">

            <Grid.RowDeFinitions >
                <RowDeFinition Height="285"/>
                <RowDeFinition Height="auto"/>
            </Grid.RowDeFinitions>


            <Grid Grid.Row="0" >

                
                <CarouselView VerticalOptions="Start" Margin="0,0" HorizontalOptions="Start"  Loop="false" x:Name="carouselview" ItemTemplate="{StaticResource templateSelector}" />
                


            </Grid>

模板选择器:

<Grid    RowSpacing="0"                     HeightRequest="280">
                    <Grid.GestureRecognizers>
                        <TapGestureRecognizer Tapped="TapGestureRecognizer_Tapped"/>
                    </Grid.GestureRecognizers>

                    <Image 
                             Source="{Binding fullPic}" 
                             Aspect="Fill"
                                x:Name="img_pic"
                        VerticalOptions="FillAndExpand"
                             HorizontalOptions="FillAndExpand" />

                    <Grid Margin="0,4,4"
                                HorizontalOptions="End"
                                VerticalOptions="End">

                        <BoxView 
                                CornerRadius="20"
                                IsVisible="{Binding isNumberVisible}"
                                BackgroundColor="#99000000"/>

                        <Label 
                                 Text="{Binding number}" 
                                 FontSize="15"
                                 VerticalOptions="Center"
                                 HorizontalOptions="Center"
                                 FontFamily="Font_11"
                                 TextColor="White"
                                                            />
                    </Grid>

                </Grid>

See the issue here

解决方法

将此添加到 carouselview 的数据模板的主网格修复了问题:

Margin="-2"

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