在Xamarin表格中並排顯示Cardview

Question

嘗試在所有設備（iOS，Android，UWP）上生成Xamarin.Forms頁面，但需要將內容並排顯示爲卡片視圖，如下例所示。

達到此目的的最佳方法是什麼？是否有任何OSS庫存在，因爲我似乎無法找到任何這樣的開箱即用的東西？

編輯：不幸的是我忘了提，這是綁定到一個IEnumerable源。項目數量不固定。每張卡內的內容將只有來自不同項目的相同模板。

謝謝

Answer 1

看起來你需要一個包裹布局。其中一種不是開箱即用的，但您可以在此處找到代碼：Link to Wrap Layout Code

Answer 2

所以當我從你的意見了解你需要做的是一個ScrollView內的網格。這裏是一個exmaple;

<ScrollView Orientation="Vertical"> 
    <Grid RowSpacing="10" ColumnSpacing="10"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="*"/> 
      <RowDefinition Height="*"/> 
      <RowDefinition Height="*"/> 
      <RowDefinition Height="*"/> 
     </Grid.RowDefinitions> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="AUTO"/> 
      <ColumnDefinition Width="AUTO"/> 
     </Grid.ColumnDefinitions> 
     <Frame Grid.Row="0" Grid.Column="0"> 
      <!--DO YOUR DESIGN FOR FRAME No. 1 HERE--> 
     </Frame> 
      <Frame Grid.Row="1" Grid.Column="0"> 
       <!--DO YOUR DESIGN FOR FRAME No. 2 HERE--> 
      </Frame> 
      <Frame Grid.Row="2" Grid.Column="0"> 
       <!--DO YOUR DESIGN FOR FRAME No. 3 HERE--> 
      </Frame> 
      <Frame Grid.Row="3" Grid.Column="0"> 
       <!--DO YOUR DESIGN FOR FRAME No. 4 HERE--> 
      </Frame> 
      <Frame Grid.Row="0" Grid.Column="1"> 
       <!--DO YOUR DESIGN FOR FRAME No. 5 HERE--> 
      </Frame> 
      <Frame Grid.Row="1" Grid.Column="1"> 
       <!--DO YOUR DESIGN FOR FRAME No. 6 HERE--> 
      </Frame> 
      <Frame Grid.Row="2" Grid.Column="1"> 
       <!--DO YOUR DESIGN FOR FRAME No. 7 HERE--> 
      </Frame> 
      <Frame Grid.Row="3" Grid.Column="1"> 
       <!--DO YOUR DESIGN FOR FRAME No. 8 HERE--> 
      </Frame> 
     </Grid> 
    </ScrollView> 

我真的建議，雖然是搜索一個庫，會給你在ListView中做到這一點的可能性。這樣您將減少硬編碼的設計代碼，並獲得更好更容易的佈局訪問。