C# Xaml图像格式

C# Xaml图像格式,c#,html,xml,xaml,xamarin,C#,Html,Xml,Xaml,Xamarin,如何将缩略图垂直和水平居中放置在图像标记内?我想要某种类型的图像容器,可以容纳任何大小/尺寸的图像,并对其进行格式化,使其看起来美观整洁 我试过了 <Image VerticalOptions="Center" HorizontalOptions="Center"/> 但是它根本不会影响图像的位置 在Chris W的帮助下解决了这个问题。关键是将图像包含在网格容器中。Aspect不是正确的属性。见下文: <G

如何将缩略图垂直和水平居中放置在图像标记内?我想要某种类型的图像容器,可以容纳任何大小/尺寸的图像,并对其进行格式化,使其看起来美观整洁

我试过了

<Image VerticalOptions="Center" HorizontalOptions="Center"/> 

但是它根本不会影响图像的位置


在Chris W的帮助下解决了这个问题。关键是将图像包含在网格容器中。Aspect不是正确的属性。见下文:

                              <Grid Grid.Row="0" Grid.Column="0" Grid.RowSpan="3"  BackgroundColor="Black">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="72"/>
                                </Grid.RowDefinitions>

                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="128"/>
                                </Grid.ColumnDefinitions>

                                    <Image 
                                        Source="{Binding Thumbnail}" 
                                        Grid.Row="0" Grid.Column="0"
                                        HorizontalOptions="Center"
                                        VerticalOptions="Center"/>
                            </Grid>

达到了预期的效果:


在Chris W的帮助下解决了这个问题。关键是将图像包含在网格容器中。Aspect不是正确的属性。见下文:

                              <Grid Grid.Row="0" Grid.Column="0" Grid.RowSpan="3"  BackgroundColor="Black">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="72"/>
                                </Grid.RowDefinitions>

                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="128"/>
                                </Grid.ColumnDefinitions>

                                    <Image 
                                        Source="{Binding Thumbnail}" 
                                        Grid.Row="0" Grid.Column="0"
                                        HorizontalOptions="Center"
                                        VerticalOptions="Center"/>
                            </Grid>

达到了预期的效果:


你只是在找房子吗?够近了,哈哈。填充选项有点有效。但它扭曲了图像。当用户上传图像时,我只需要一个尺寸合适的缩略图,以防止图像扭曲。如果您使用
AspectFit
,则不应该这样做,然后您可以将其嵌入自己的面板中,如
Grid
,并设置黑色背景和高度/宽度属性(网格父项)这样,图像将以其父对象为中心,看起来更加统一。太糟糕了,
ViewBox
不可用。AspectFit不会更改我上面发布的任何图像。但是,图像并没有在黑空间中居中。。还有其他想法吗?是的,就像我说的,如果你给图片一个提供黑色背景和宽度/高度要求的父对象,并将图片居中,而不是试图通过图像控件来完成这一切,那么它应该会给你一个更理想的结果。你只是在找房子吗?够近了,哈哈。填充选项有点有效。但它扭曲了图像。当用户上传图像时,我只需要一个尺寸合适的缩略图,以防止图像扭曲。如果您使用
AspectFit
,则不应该这样做,然后您可以将其嵌入自己的面板中,如
Grid
,并设置黑色背景和高度/宽度属性(网格父项)这样,图像将以其父对象为中心,看起来更加统一。太糟糕了,
ViewBox
不可用。AspectFit不会更改我上面发布的任何图像。但是,图像并没有在黑空间中居中。。还有其他想法吗?是的,就像我说的,如果你给图像一个提供黑色背景和宽度/高度要求的父对象,并将图像居中,而不是试图通过图像控件来完成这一切,那么它应该会给你一个更理想的结果。