Iciclecreek.Avalonia.Controls

Iciclecreek.Avalonia.Controls

This is a package of UI controls for Avalonia UI.

• ColumnsPanel - A panel which lays out arranges children into dynamic columns

Installation

Add the Iciclecreek.Avalonia.Controls package to your project

Update your xmlns

	xmlns:ice="using:Iciclecreek.Avalonia.Controls"

ColumnsPanel Control

The ColumnsPanel control is a panel which dynamically lays out its children in left-to right order into columns.

There are 2 modes of usage:

• Dynamic Columns - The ColumnWidth property defines the width of every column, and the number of columns is dynamically set to the number of columns which fit the width of the control. The MinColumns and MaxColumns
• properties can be used to control the number of columns.
• Static Columns - The ColumnDefinitions property defines column definitions (ex: '1*,2*,500') The number of columns is determined by the number of column definitions. MinColumn, MaxColumns are ignored.

Usage

<ice:ColumnsPanel ColumnWidth="100">
	<TextBlock Text="Column 1" />
	<TextBlock Text="Column 2" />
	<TextBlock Text="Column 3" />
    ...
</ice:ColumnsPanel>

Example of a columns panel in a items control

<ItemsControl Items="{Binding Items}">
	<ItemsControl.ItemsPanel>
		<ItemsPanelTemplate>
			<ice:ColumnsPanel ColumnWidth="300" />
		</ItemsPanelTemplate>
	</ItemsControl.ItemsPanel>
	<ItemsControl.ItemTemplate>
		<DataTemplate>
			<Image Source="{Binding Source}" />
		</DataTemplate>
	</ItemsControl.ItemTemplate>
</ItemsControl>

Properties