Xamarin Forms Designer 需要在地图顶部并排放置 2 个按钮

Question

目前我将这两个按钮放在一起

不幸的是，Visual Studio 不支持 Xamarin 中的可视化编辑，因此我必须手动编辑 XAML 代码，但这并不容易

有人可以帮我弄清楚如何让这两个按钮并排而不是彼此重叠

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:CustomRenderer;assembly=CustomRenderer"
             x:Class="CustomRenderer.MapPage">
    <StackLayout Margin="0,0,0,0">
        <Button Text="Add items" Clicked="OnAddItemsClicked"/>
        <Button Text="Add other" Clicked="OnAddOtherClicked"/>
        <local:CustomMap x:Name="customMap"
                     MapType="Street" />
    </StackLayout>
</ContentPage>

Answer 1

使用嵌套水平StackLayout

<StackLayout Margin="0,0,0,0">
    <StackLayout Orientation="Horizontal">
      <Button Text="Add items" Clicked="OnAddItemsClicked"/>
      <Button Text="Add other" Clicked="OnAddOtherClicked"/>
    </StackLayout>
    <local:CustomMap x:Name="customMap"
                 MapType="Street" />
</StackLayout>

或一个Grid

<Grid ColumnDefinitions="1*, 1*" RowDefinitions="1*, Auto">
    <Button Grid.Row="0" Grid.Column="0" Text="Add items" Clicked="OnAddItemsClicked"/>
    <Button Grid.Row="0" Grid.Column="1" Text="Add other" Clicked="OnAddOtherClicked"/>
    <local:CustomMap x:Name="customMap" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" 
                 MapType="Street" />
</Grid>