我本質上是在嘗試創建一個視圖,該視圖在可互動標題(aButton和Image包裹在 a 中FlexLayout)下顯示專案串列,對特定列 AZ / ZA 進行排序,我的問題是我不知道如何排列它們整齊地排列,無需手動設定列寬ColumnDefinition。
通常我只是將寬度設定為某個值,但由于它將是跨平臺的(包括平板電腦),因此我想避免這樣做,因此如果用戶決定使用平板電腦,我不會將所有內容都壓在一側螢屏更寬,有沒有人知道任何修復方法或對我可以嘗試的方法有什么建議?
在此先感謝,我會后的什么,我的一個片段努力之下實作
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<FlexLayout AlignItems="Center" Grid.Row="0" Grid.Column="0">
<Button Text="Name" FontSize="8" Clicked="QuickSort" Padding="0"/>
<Image Source="" Aspect="AspectFit" HeightRequest="20" WidthRequest="20" IsVisible="False"/>
</FlexLayout>
<FlexLayout AlignItems="Center" Grid.Row="0" Grid.Column="1">
<Button Text="Type" FontSize="8" Clicked="QuickSort" Padding="0"/>
<Image Source="" Aspect="AspectFit" HeightRequest="20" WidthRequest="20" IsVisible="False"/>
</FlexLayout>
<FlexLayout AlignItems="Center" Grid.Row="0" Grid.Column="2">
<Button Text="Cost" FontSize="8" Clicked="QuickSort" Padding="0"/>
<Image Source="" Aspect="AspectFit" HeightRequest="20" WidthRequest="20" IsVisible="False"/>
</FlexLayout>
<ListView ItemSource="{Binding Collection}" Grid.Row="1">
<ListView.ItemTemplate>
<DataTemplate>
<ViewCell>
<Label Text="{Binding name}" Grid.Column="0"/>
<Label Text="{Binding type}" Grid.Column="1"/>
<Label Text="{Binding cost}" Grid.Column="2"/>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</Grid>
uj5u.com熱心網友回復:
一個簡單的解決方案是將 Grid 列宣告復制到 ItemTemplate 的 DataTemplate 中。這使每個專案成為一個網格,其列與外部網格匹配:
<ListView.ItemTemplate>
<DataTemplate>
<ViewCell>
<Grid ColumnDefinitions="*, *, *">
<Label Text="{Binding name}" Grid.Column="0"/>
<Label Text="{Binding type}" Grid.Column="1"/>
<Label Text="{Binding cost}" Grid.Column="2"/>
</Grid>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
標簽都默認為“Row=0”,因此每個專案都是一個單行網格。
uj5u.com熱心網友回復:
如果你想讓它更容易,可以嘗試一些資料網格庫,比如https://github.com/akgulebubekir/Xamarin.Forms.DataGrid
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/381184.html
標籤:xaml 沙马林 xamarin.forms
