Home

Welcome to the RichCanvas wiki!

Table of contents

• ItemsControl Overview
• ItemContainer overview
• Performance

Requirements

Install RichCanvas from Nuget

Install-Package RichCanvas

Application example

• Demo

Quick start

Decalre the namespace: clr-namespace:RichCanvas;assembly=RichCanvas

Use the following XAML:

<richcanvas:RichItemsControl></richcanvas:RichItemsControl>

Now you have a canvas with panning, zooming, scrolling and selecting.

Common XAML structure for MVVM:

<richCanvas:RichItemsControl ItemsSource="{Binding Items}">

    <richCanvas:RichItemsControl.Resources>
        <DataTemplate DataType="{x:Type vm:Rectangle}">
          <Rectangle Fill="Red"></Rectangle>
        </DataTemplate>
    </richCanvas:RichItemsControl.Resources>

    <richCanvas:RichItemsControl.ItemContainerStyle>
        <Style TargetType="richCanvas:RichItemContainer">
            <Setter Property="Top"
                    Value="{Binding Top, Mode=TwoWay}" />
            <Setter Property="Left"
                    Value="{Binding Left, Mode=TwoWay}" />
            <Setter Property="Width"
                    Value="{Binding Width, Mode=TwoWay}" />
            <Setter Property="Height"
                    Value="{Binding Height, Mode=TwoWay}" />
        </Style>
    </richCanvas:RichItemsControl.ItemContainerStyle>

</richCanvas:RichItemsControl>