Как отрегулировать ярлык «внутри» изображения Xamarin Forms

Question

Я пытаюсь поместить ярлык внутри моего изображения, я не мог использовать свойство Margin, потому что по какой-то причине он не работает, до сих пор у меня есть это :

И то, что я хочу это:

XAML:

<StackLayout Orientation="Vertical"> 
    <Label HorizontalOptions="Center" Text="something" TextColor="Black"/> 
    <Image HorizontalOptions="Center" Source="spin.png"/> 
</StackLayout> 

Answer 1

Вам нужен Grid вместо StackLayout (обратите внимание, как оба Label и Image находятся в одной и той же строки и столбца):

<Grid HorizontalOptions="Center" 
     VerticalOptions="Center"> 
    <Grid.RowDefinitions> 
    <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 

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

    <Image HorizontalOptions="Center" 
     Source="spin.png" 
     Grid.Row="0" 
     Grid.Column="0"/> 
    <Label HorizontalOptions="Center" 
     Text="something" 
     TextColor="Black" 
     Grid.Row="0" 
     Grid.Column="0"/> 
</Grid> 

Поскольку Label перечислены ниже Image в коде XAML выше, Label будет обращено на верхняя часть Image.

Вы также могли бы использовать AbsoluteLayout, что является еще одним макетом, который хорош в детализации.