Question

我正在尝试创建以下视图。 my view

我似乎没有实现这一点，我尝试了不同的方法，但它不起作用。这是否可能以xamarin形式出现？这就是我所拥有的：我的观点：

<StackLayout>
    <local:CustomMap x:Name="customMap" 
                     MapType="Satellite" 
                     WidthRequest="{x:Static local:App.ScreenWidth}" 
                     HeightRequest="{x:Static local:App.ScreenHeight}" />

    <ListView x:Name="listviewname"
              HasUnevenRows="True">
        <ListView.ItemTemplate>
            <DataTemplate>
                <ViewCell>
                    <StackLayout Padding="20, 10">
                        <Label  Text="{Binding Information}"
                                 FontSize="15" 
                                HorizontalOptions="Start"/>
                        <Label  Text="{Binding More Information}"
                                 FontSize="15"/>
                        <Label  Text="{Binding MoreInformation}"
                                FontSize="15"/>
                    </StackLayout>
                </ViewCell>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</StackLayout>

但这仅显示我的地图。一些帮助将不胜感激。谢谢:)

Answer 1

您可以使用Grid将页面拆分为2个细分。类似的东西应该让你开始：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <maps:Map Grid.Row="0" />
    <ListView Grid.Row="1" x:Name="listviewname" HasUnevenRows="True">
        <ListView.ItemTemplate>
            <DataTemplate>
                <ViewCell>
                    <StackLayout Padding="20, 10">
                        <Label  Text="{Binding Information}" FontSize="15" HorizontalOptions="Start"/>
                        <Label  Text="{Binding More Information}" FontSize="15"/>
                        <Label  Text="{Binding MoreInformation}" FontSize="15"/>
                    </StackLayout>
                </ViewCell>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>            
</Grid>

Xaml在半页上显示地图，在xamarin表单中显示另一半信息

1 个答案: