.Net MAUI: Tabelle mit Header mit gleicher Ausrichtung der Kolonnen
Frage
-
Hallo,
versuche eine Tabelle zu kreieren, welche etwa so aussehen soll:
Dabei sollen gewisse Zellen statischen Text und die eigentlichen Einträge sowie das Total aus einer Liste mit binding dargestellt werden. Das Problem: Das Binding funktioniert offensichtlich nur mit immer den selben Objekten, z.B. Checkbox und kann nicht für die erste und letzte Zeile auf Text geändert werden. Bitte korrigiert mich wenn ich falsch liege.
Zudem kann man in einem z.B. DataTemplate keine drei Grid erstellen, um erst den statischen Header und zuletzt den halbstatischen footer einzufügen.Diese Tabelle sieht hier nur so gut aus, weil ich drei Tabellen untereinander gemacht hab, welche alle die selben Breiten für die erste und letzte Kolonne haben. Die sind aber statisch definiert und je nach Gerät, Schriftart und Sprache können diese Überschriften und auch die View-Objekte verschieden gross, sein, so dass eine schöne Ausrichtung nicht mehr funktioniert.
Hier das XAML:
<Border Grid.Row="2" Grid.ColumnSpan="3" Padding="2"> <Grid RowDefinitions="Auto, *, Auto" Padding="0"> <Grid ColumnDefinitions="80, *, 100" Grid.Row="0" Padding="0" Margin="2"> <Label Text="{x:Static lang:Strings.MPCount}" Grid.Row="0" Grid.Column="0"/> <Label Text="{x:Static lang:Strings.MPArticle}" Grid.Row="0" Grid.Column="1"/> <Label Text="{x:Static lang:Strings.MPPrice}" Grid.Row="0" Grid.Column="2"/> </Grid> <CollectionView ItemsSource="{Binding Items, Converter={StaticResource sconverter}}" Grid.Row="1" SelectionMode="None"> <CollectionView.ItemTemplate> <DataTemplate> <Grid ColumnDefinitions="80, *, 100" Grid.Row="1"> <Grid ColumnDefinitions="80, *, 100" Grid.Row="1"> <CheckBox IsChecked="{Binding isChecked}" Grid.Column="0" Margin="2"/> <Frame Grid.Column="1" Padding="0" Margin="0" BackgroundColor="LightYellow" BorderColor="LightYellow"> <Frame.GestureRecognizers> <TapGestureRecognizer Command="{Binding Source={RelativeSource AncestorType={x:Type viewmodel:MainViewModel}}, Path=TapCommand}" CommandParameter="{Binding .}"/> </Frame.GestureRecognizers> <Label Text="{Binding name}"/> </Frame> <Label Text="{Binding price, Converter={StaticResource vconverter}}" Grid.Column="2" /> </Grid> </DataTemplate> </CollectionView.ItemTemplate> </CollectionView> <Grid ColumnDefinitions="80, *, 100" Grid.Row="3" Padding="0" Margin="2"> <Label Text="{x:Static lang:Strings.MPTotal}" Grid.Row="0" Grid.Column="0"/> <Label Text="" Grid.Row="0" Grid.Column="1"/> <Label Text="11.50" Grid.Row="0" Grid.Column="2"/> </Grid> </Grid> </Border>Habe schon viele Ansätze versucht, mit CollectionView, ListView usw. aber keine dieser Ansichten kann offenbar statische und dynamische Einträge mixen. Aber (m)eine "normale" Tabelle sieht nun mal so aus und ich begreife nicht wieso das nicht möglich sein soll.
Ich könnte mir auch vorstellen, eine Liste mit verschiedenen Objekten zu erstellen (1. Eintrag nur mit Strings) aber das geht ja dann mit dem XAML-Syntax nicht auf, weil dort schon entschieden werden muss, welcher Typ das angezeigt wird.
Zudem hab ich beim googlen ein SharedSizeGroup gefunden, mit dem man die Kolonnenausrichtung zusammenbasteln könnte, dieses scheint aber nur im WPF vorhanden zu sein.
Wer sieht da einen brauchbaren Lösungsansatz?
- Bearbeitet Javango Donnerstag, 2. Februar 2023 12:58 Präzisierung
Alle Antworten
-
Danke für Die Antwort.
Aber ich denke, das kann's doch nicht sein! Jetzt muss man dazu Code schreiben, den man jedes Mal, wenn sich etwas in der XAML Struktur ändert, anpassen muss. Das ist doch nicht das Ziel von dem ganzen, so dass man die View vom Modell getrennt bearbeiten kann. Dann code ich meine View lieber gleich in C#, dann bin ich voll flexibel und bin auch nicht mehr von solchen Einschränkungen betroffen.
Ich frage mich allerdings, ob ich mit MAUI wirklich das richtige Framework gefunden habe, das ist doch eher ein Rückschritt...Ausserdem hab ich das ganze ausprobiert und es scheint natürlich nicht richtig zu funktionieren, weil es eher ein Gebastel ist. Ich hab nur mal die Kollonnen 0 und 1 zum einfacheren Test vertauscht und nur mal die Einträge der mittleren Tabelle ausgerichtet. Der letzte Buchstage wird dann zum Teil auf einer neuen Zeile dargestellt (3.Eintrag). Da scheint die Width-Element-Abfrage nicht alles abzudecken:
Dass das ganze dann auf allen Plattformen funktionieren soll, denk ich zudem auch nicht. Da hab ich schon einiges an schlechten Erfahrungen gemacht.
- Bearbeitet Javango Freitag, 3. Februar 2023 12:06
