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 的边距值以使其适合您喜欢的值：

<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>

Xamarin 窗体框架右上角的位置图标

Position icon top right hand corner of frame xamarin forms

absolutelayout

xamarin.forms