Question

我正在处理网格布局中的图像，我在图像下方和上方的空白区域存在问题。我希望这些带有日期的行正好在图标下方，没有任何空白空间，并且可以制作尺寸与图片相同的图标。当我使用纵横比较时，它会使图标垂直拉伸。我试图设置固定大小的行，但是当我转动电话时它就是一个垃圾视图。

 <Grid
                RowSpacing="0"
                VerticalOptions="Center"
               >
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition Height="30"/>
                </Grid.RowDefinitions>

                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />

                </Grid.ColumnDefinitions>
                <Image Source="kafelek_1.png" 
                       Grid.Column="0" Grid.Row="0"
                        ></Image>
                <Image Source="kafelek_2.png"
                       Grid.Column="1" Grid.Row="0"
                       ></Image>
                <Image Source="kafelek_3.png"
                       Grid.Column="2" Grid.Row="0" 
                       ></Image>
                <StackLayout BackgroundColor="#0078B7"
                             Grid.Column="0" Grid.Row="1"
                             Orientation="Horizontal"
                              HeightRequest="20"
                             HorizontalOptions="FillAndExpand"
                             VerticalOptions="FillAndExpand">
                    <Image Source="trojkat.png">
                    </Image>
                    <Label Text="Temp"
                           x:Name="DecisionDateLabel"></Label>

                </StackLayout>
                <StackLayout BackgroundColor="#0078B7"
                             Grid.Column="1" Grid.Row="1"
                             Orientation="Horizontal"
                             HorizontalOptions="FillAndExpand"
                             VerticalOptions="FillAndExpand">
                    <Image Source="trojkat.png"></Image>
                    <Label Text="Temp"
                           x:Name="KnowledgeDateLabel"></Label>

                </StackLayout>
                <StackLayout BackgroundColor="#0078B7"
                             Grid.Column="2" Grid.Row="1"
                             Orientation="Horizontal"
                             HorizontalOptions="FillAndExpand"
                             VerticalOptions="FillAndExpand">
                    <Image Source="trojkat.png"></Image>
                    <Label Text="Temp"
                           x:Name="PollsDateLabel"></Label>

                </StackLayout>
            </Grid>

通常，这是我想要获得的：

Answer 1

此错误是在bugzilla https://bugzilla.xamarin.com/show_bug.cgi?id=55294

中创建的

您实际上可以尝试实施变通方法How can I make an image auto-resize so the width is 100% and the height adjusted accordingly?

网格上方和下方的空白空间

1 个答案: