2017-05-05 4 views
0

私はVisual StudioでXamarinフォームを使用しています。私は単一のグリッド15行2列2列を持っています と行の高さは180で固定されています。これはスクロールビューの中にネストされています。 画像のグリッドがビューよりも大きいので、画像を見るためにスクロールできるはずです。高さの固定された行を含むグリッドはスクロールビューでスクロールしませんか?

私は垂直位置などを設定しようとしましたが、iOSシミュレータではスクロールしません。私はこれで一日中無駄にした、誰かが助けることができますか?

これは、あなたのグリッド内のスクロール可能なアイテムを作成する場合、私はあなたがStackLayoutを使用するために持っていると思う私のコード

<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> 

おかげ トビー

+0

申し訳ありませんが、特にスケーリングされていないのは何ですか?画像? – Digitalsa1nt

+0

グリッド内の画像は見えなくなりますが、スクロールして見ることはできません。 –

+0

私は、2つの画像を並べてグリッドを並べるようにしています。私はデータベースからこれらを読み込み、それらを動的にレンダリングするコードを使用しています。これが私がグリッドを使用しようとしている理由です。含まれているマークアップには、動的に更新されたバージョンと同じ問題があります。 –

答えて

0

です。試してみることができます。

<ScrollView> 
    <stackLayout> 
     <grid> 
     ...... 
     ...... 
     </grid> 
    <stackLayout> 
</ScrollView 
+1

ありがとう、私はそれを試みた、それは仕事をしなかった... –

+0

これは実際に今、私のためにこれについて考える人のおかげで働いています。 –

+0

問題は次のとおりでした...私はグリッドを埋めるためにコードを使用していましたが、Content = GridViewという行を使ってビューをアタッチしました。これが問題でした!私はすでにXAMLにスクロールビューとグリッドを作成していました。とにかく、他の誰かがハイブリッドアプローチを試みている場合は、XAMLにすでにある場合は 'コンテンツ'を使用しないように注意してください –