2 xamarin 表单中的滚动视图

Question

Layout design

我需要在同一页面中使用两个 ScrollView。这是一张展示我想如何设计我的应用程序的图片。

我正在考虑使用 3 行的网格布局，但我不知道如何在 A 和 B 的第二行内实现 2 个滚动视图。

Answer 1

你是对的。您可以使用 3 行 2 列的网格布局。

<GridLayout>
    <Grid.RowDefinitions>
        <RowDefinition Height="20"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="20"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Frame x:Name="TOP"
           Grid.Row="0"
           Grid.Column="0"
           Grid.ColumnSpan="2">
         ...
    </Frame>
    <ScrollView x:Name="LeftView"
                Grid.Row="1"
                Grid.Column="0"
                Orienation="Vertical">
         ...
    </ScrollView>
    <ScrollView x:Name="RightView"
                Grid.Row="1"
                Grid.Column="1"
                Orienation="Vertical">
         ...
    </ScrollView>            
    <Frame x:Name="BOTTOM"
           Grid.Row="2"
           Grid.Column="0"
           Grid.ColumnSpan="2">
         ...
    </Frame>           
</GridLayout>

2 xamarin 表单中的滚动视图

2 ScrollViews in xamarin forms

layout

android

scrollview

xamarin

xamarin.forms