Tritium UI
TritiumTreemapView
Bemessen Sie Rechtecke nach dem Wert, damit eine Hierarchie oder eine flache Liste leicht zu vergleichen ist.
Wichtige Merkmale
- Binden Sie einen Baum mit Pfaden für Wert, Beschriftung und Kinder oder eine flache Knotenliste.
- Legen Sie mit Squarified, Slice-and-Dice oder Strip an und wählen Sie die Streifenrichtung.
- Färben Sie nach Kategorie oder auf einer fortlaufenden Skala von einer Farbe zur anderen.
- Gehen Sie in einen Zweig, zeigen Sie einen Brotkrumenpfad und animieren Sie den Wechsel.
- Zeigen Sie Beschriftungen, kompakten Werttext und Tooltips.
- Heben Sie Knoten hervor, deren Beschriftung zu einer Suchzeichenfolge passt.
- Wählen Sie eine Kachel und behandeln Sie ItemTapped und DrillChanged.
- Exportieren Sie die Treemap in einen PNG-Stream oder eine Datei.
Plattformen
Android, iOS, Mac Catalyst und Windows 10 Version 19041 und höher (.NET 10 MAUI).
Wichtigste API
- ItemsSource . The nodes to size.
- LayoutAlgorithm . Squarified, SliceAndDice, or Strip.
- ColorMode . Categorical palette or a continuous value scale.
- ItemTapped . Fires with the bound item and the treemap node.
Grundbeispiel
Deklarieren Sie diesen Namespace auf der Seite.
xmlns:treemap="clr-namespace:Tritium.Maui.Treemap;assembly=Tritium.Maui.Treemap"
<treemap:TritiumTreemapView ItemsSource="{Binding Disk}"
ValuePath="Bytes"
LabelPath="Name"
ChildrenPath="Children"
LayoutAlgorithm="Squarified"
IsDrillEnabled="True" />Nehmen Sie die Paketquelle aus Ihrer Lizenz auf und verweisen Sie dann auf das Paket, das dieses Steuerelement enthält. Diese Pakete liegen nicht in der öffentlichen NuGet-Galerie.