首页 > 解决方案 > Xamarin.Forms:为什么我的两侧被切断,尽管仍有空间

问题描述

所以这是我的整个内容页面:

 <ContentView.Content>
        <Grid>
            <Grid Margin="0,-80,0,0">
                <Ellipse
                    Fill="#5abdc1"
                    HeightRequest="60"                   
                    Aspect="Uniform"
                    WidthRequest="60"
                    HorizontalOptions="Center"
                    Grid.Row="0" />

                <Image Source="img_plus" VerticalOptions="Center" HeightRequest="20"/>

                </Grid>

               

                <Image Source="img_menu" HeightRequest="90"/>


                <Grid RowSpacing="0" ColumnSpacing="0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>

                    <Grid.RowDefinitions>
                        <RowDefinition Height="25"/>
                        <RowDefinition Height="20"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>


                    <Image Source="img_home_on" Margin="30,0,0,0" Grid.Row="1" Grid.Column="0"/>
                    <Image Source="img_radar_off" Grid.Row="1" Grid.Column="1"/>
                    <Image Source="img_radar_off" Grid.Row="1"  Grid.Column="3"/>
                    <Image Source="img_people_off" Margin="0,0,30,0"  Grid.Row="1"  Grid.Column="4"/>





                </Grid>


        </Grid>
    </ContentView.Content>

最后 4 个按钮如下所示:

在此处输入图像描述

因此,如您所见,雷达图像被切到右侧和底部。

图片本身还不错。没有行间距或列间距。如果我在图像后面放一个绿色背景,我会发现还有很多可用空间:

在此处输入图像描述

你能告诉我,为什么它会这样吗?

标签: xamarin.forms

解决方案


推荐阅读