具有固定高度行的网格不会在滚动视图中滚动?

时间:2017-05-05 13:17:19

标签: ios xamarin.ios xamarin.forms

我在Visual Studio中使用Xamarin表单。我有一个15行乘2列的单个网格 并且行高固定为180.这嵌套在scrollview中。 图像网格比视图大,所以我应该能够向下滚动以查看图像。

我已尝试设置垂直位置等,但它不会在iOS模拟器中滚动。我已经浪费了将近一整天的时间,有人可以帮忙吗?

这是我的代码

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
    x:Class="EasyQuote.StyleList"
    Title = "Select Style">

    <ScrollView VerticalOptions="StartAndExpand">

        <Grid x:Name="showStylesGrid" RowSpacing="0" ColumnSpacing="0"  >
       <Grid.RowDefinitions>
            <RowDefinition Height="180"/>
            <RowDefinition Height="180"/>
            <RowDefinition Height="180"/>
            <RowDefinition Height="180"/>
            <RowDefinition Height="180"/>
            <RowDefinition Height="180"/>
            <RowDefinition Height="180"/>
            <RowDefinition Height="180"/>
            <RowDefinition Height="180"/>
            <RowDefinition Height="180"/>
            <RowDefinition Height="180"/>
            <RowDefinition Height="180"/>
            <RowDefinition Height="180"/>
            <RowDefinition Height="180"/> 
            <RowDefinition Height="180"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

                <Image Source="CM1.png" Grid.Row="0" Grid.Column="0"/>
                <Image Source="CM1.png" Grid.Row="1" Grid.Column="0"/>
                <Image Source="CM1.png" Grid.Row="2" Grid.Column="0"/>
                <Image Source="CM1.png" Grid.Row="3" Grid.Column="0"/>
                <Image Source="CM1.png" Grid.Row="4" Grid.Column="0"/>
                <Image Source="CM1.png" Grid.Row="5" Grid.Column="0"/>
                <Image Source="CM1.png" Grid.Row="6" Grid.Column="0"/>
                <Image Source="CM1.png" Grid.Row="7" Grid.Column="0"/>
                <Image Source="CM1.png" Grid.Row="8" Grid.Column="0"/>
                <Image Source="CM1.png" Grid.Row="9" Grid.Column="0"/>
                <Image Source="CM1.png" Grid.Row="10" Grid.Column="0"/>
                <Image Source="CM1.png" Grid.Row="11" Grid.Column="0"/>
                <Image Source="CM1.png" Grid.Row="12" Grid.Column="0"/>
                <Image Source="CM1.png" Grid.Row="13" Grid.Column="0"/>
                <Image Source="CM1.png" Grid.Row="14" Grid.Column="0"/>
        </Grid>
</ScrollView>

由于 托比

1 个答案:

答案 0 :(得分:0)

如果你想在你的网格中创建可滚动的项目,那么我认为你必须使用StackLayout。你可以尝试一下。

<ScrollView>
   <stackLayout>
      <grid>
         ......
         ...... 
      </grid>
  <stackLayout>
</ScrollView