XAMLとXamarinを使用してこのレイアウトを作成する方法は？

Question

XAMLとXamarinを使って、下の画像に似たデザインを作るにはどうすればいいですか？

私は、その上に半分だけのメインイメージイメージとプロファイルイメージを意味します。ニュースタイトルはメインイメージにあり、その後、右上にニュースタイムがあります。

Answer 1

ContentPageにこれを試してみてください：

：

<Grid RowSpacing="0"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="*"/> 
     </Grid.RowDefinitions> 

     <!-- header content --> 
     <StackLayout BackgroundColor="WhiteSmoke"> 
      <Label HorizontalOptions="End" Text="8 hours ago" VerticalOptions="Center" FontSize="Large" FontAttributes="Bold"/> 
     </StackLayout> 

     <!-- body content --> 
     <StackLayout Grid.Row="1"> 
      <Image Source="xamarin.png" Aspect="AspectFill"/> 
     </StackLayout> 
     <!-- profile image --> 
     <Image Source="usermale.png" 
       VerticalOptions="End" HorizontalOptions="Start" 
       HeightRequest="100" WidthRequest="100" 
       TranslationY="50"/> 
</Grid> 

Yuoはこれを取得します