Windows Community Toolkit

The Sizer controls in the Windows Community Toolkit allow users to resize various parts of a UI experience in a consistent manner. The toolkit provides three primary types of Sizer controls:

• GridSplitter: Used to resize rows or columns within a Grid.
• ContentSizer: Designed to allow users to resize the content area of a control.
• PropertySizer: Designed to allow users to resize property-related UI elements.

These controls are part of the Controls category under the Sizers subcategory.

The CommunityToolkit.WinUI.Animations package provides several tools for managing animations within the CommunityToolkit.WinUI.Animations namespace, including:

• AnimationBuilder: For constructing animation sequences.
• AnimationSet: For managing groups of animations.
• Connected Animations Helpers: Utilities for implementing connected animation transitions.
• Expressions: For creating expression-based animations.
• Implicit Animations: For defining animations that trigger automatically based on property changes.
• ScrollViewerExtensions: Extension methods for animating or interacting with ScrollViewer controls.

The RichSuggestBox is a rich text input control that combines the functionality of an AutoSuggestBox and a RichEditBox. It allows users to type prefixes (like @ or #) to trigger suggestions. When a suggestion is selected, it is embedded into the document as a 'token'.

Tokens are implemented as hyperlinks using a unique Guid as the link address, padded with Zero Width Spaces (ZWSP) to maintain the layout: \u200b + Prefix + Display Text + \u200b.

<controls:RichSuggestBox
  PlaceholderText="Leave a comment"
  ItemTemplate="{StaticResource SuggestionTemplate}"
  Prefixes="@#" />

The CameraPreview control allows you to preview video from available camera frame source groups. It can also be used to subscribe to real-time video frames and software bitmaps as they arrive from the selected camera source. The control only displays frame sources that support color video preview or video record streams.

<controls:CameraPreview x:Name="CameraPreviewControl"/>

The ClipToBounds property on a UIElement determines whether the content of that element (including its child elements) is clipped to fit within the element's bounds. This is useful for preventing child elements from rendering outside the parent's designated area.

You can enable this behavior directly in XAML by setting the ClipToBounds property to True on the target element.

<!-- Example of clipping a target element in XAML -->
<Grid ClipToBounds="True">
    <!-- Content that would otherwise overflow the Grid's bounds will be clipped -->
</Grid>

The Segmented control supports both single and multi-selection modes via the SelectionMode property.

• Single Selection: When SelectionMode is set to Single, the first item is selected by default.
• Disabling Auto-selection: To prevent the first item from being selected automatically in single-selection mode, set AutoSelection to false.

While the behavior uses the properties of the attached InfoBar (like ContentTemplate or IsIconVisible) by default, you can use the Notification class to provide specific overrides for individual messages.

Important: Setting properties on the Notification object modifies the parent InfoBar directly. This can break XAML bindings on the InfoBar. To avoid this, only set constant properties on the parent InfoBar and use Notification options for any dynamic or message-specific values.