2016-10-29 10 views
2

画像の中にラベルを入れようとしていますが、何らかの理由で画像がMarginになりませんでした。 :enter image description here画像の「内側」のラベルを調整する方法Xamarin Forms

そして、何が欲しいがこれです:

enter image description here

XAML:

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

答えて

10

あなたはが必要代わりStackLayoutの(LabelImageの両方が同じ行と列であるかに気付く):

<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は、上記のXAMLコードでImage下に記載されているので、Labelは上に描画しますImageの先頭

AbsoluteLayoutを使用することもできました。これは、物を重ねる際に優れたレイアウトです。

+1

私はして、結果は[これ](https://i.imgsafe.org/40d27e35ec.jpg) –

+0

それを忘れて、私はそれを、ありがとう! –

+0

@NathielPaulinoうれしい – hvaughan3

関連する問題