框架 xamarin 表单的位置图标右上角

Question

我想在框架的右上角放置一个图标。 我不得不承认我读过很多次关于绝对布局的文章，但显然不是在我的脑海里。

从图片中可以看出，图标有点出，这是代码

错误的示例代码！

<AbsoluteLayout>
    <Frame
        Margin="10"
        Padding="10"
        AbsoluteLayout.LayoutBounds="0,0,1,1"
        AbsoluteLayout.LayoutFlags="All"
        BorderColor="Blue"
        CornerRadius="5"
        HasShadow="False">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Label Grid.Row="0" Text="sample" />
            <Label Grid.Row="1" Text="sample2" />
        </Grid>
    </Frame>
    <ContentView AbsoluteLayout.LayoutBounds="1, 0, -1, -1" 
                 AbsoluteLayout.LayoutFlags="PositionProportional">

        <Image Source="myIcon.png" />
    </ContentView>
</AbsoluteLayout>

有什么建议吗？

Answer 1

为您的图标指定一个特定的宽度和高度，并将 Frame 的边距设置为一个比例值。您可以更改 Frame 的边距值以使其适合您的喜好：

<AbsoluteLayout>
    <Frame
        Margin="10"
        Padding="10"
        AbsoluteLayout.LayoutBounds="0,0,1,1"
        AbsoluteLayout.LayoutFlags="All"
        BorderColor="Blue"
        CornerRadius="5"
        HasShadow="False">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Label Grid.Row="0" Text="sample" />
            <Label Grid.Row="1" Text="sample2" />
        </Grid>
    </Frame>
    <Image AbsoluteLayout.LayoutBounds="1, 0, 25, 25"
           AbsoluteLayout.LayoutFlags="PositionProportional"
           Source="myIcon.png" Aspect="AspectFit" />
</AbsoluteLayout>