Avalonia UI Controls v24.2 Released

by Avatar Bill Henning (Actipro)
Tuesday, July 23, 2024 at 8:13pm

This version upgrades all the Actipro controls and themes to target the recently-released Avalonia 11.1 version.

An example of using the recently-added Actipro Settings controls

For customers who wish to continue targeting their applications with Avalonia v11.0 for now, please use the Actipro Avalonia UI Controls 24.1 version, as that targets Avalonia v11.0.

See the related announcement post for the detailed list of enhancements and updates.

Download Buy Now

Avalonia UI Controls v24.1.1 Maintenance Release

by Avatar Bill Henning (Actipro)
Monday, July 22, 2024 at 5:53pm

A new Avalonia UI Controls release is now available that makes some minor updates to the 24.1 version of our controls, which targets Avalonia v11.0. 

With today's release of Avalonia v11.1, a new 24.2 version will be published soon that targets Avalonia v11.1.

See the related announcement post for the detailed list of enhancements and updates.

Download Buy Now

Avalonia UI Controls v24.1 Released

by Avatar Bill Henning (Actipro)
Tuesday, May 7, 2024 at 1:12pm

This version adds several great new controls and makes many updates across the Avalonia UI control product line.

See the related announcement post for the detailed list of enhancements and updates.

Download Buy Now

Here’s a look at some of the new features.

Fundamentals

Settings

Settings groups, expanders, and cards used for application settings UI

Most applications contain a window or view where end users can configure settings. Actipro now provides several controls for displaying grouped and optionally expandable card-based editors for settings that are presented in a consistent, easy-to-use way.

  • Consistent Appearance - Cards have a uniform design, and related cards can be grouped together. Each setting card can optionally have an icon, header, description, and content.
  • Card Contents - A setting card's content is generally an editor for the setting. The content may be left blank, and the card itself can be made into a clickable button.
  • Flexible Editors - Each setting card can contain any kind of editor control. Switches, sliders, combo boxes, and text boxes are commonly-used editor controls.
  • Expandable Sections - Some settings have numerous child settings. These indented settings may be hidden under expandable cards that animate the contents when opened.

Application settings have never looked so good!

Card

The new card control presents visually grouped information for a single subject, using optional cover, thumbnail, header, and footer sections.

A profile card with multiple sections

Cards can optionally be actionable as well.

Segmented Bar

The new segmented bar control allows a user to select a single item with support for fluent animations when changing selection.

Several theme variants

It can arrange items horizontally or vertically.

Info Bar

The new info bar control displays essential information to a user without disrupting the user flow.

Various kinds of info bar severities

Messages can display with optional severity, action, and more.

Circular Progressbar

The new circular progressbar control displays a ranged progress value using fluent animations. It is similar to a native linear progressbar, except that it renders the progress in a ring shape and shows the progress text within the ring.

Circular progressbars can be an integral part of a dashboard display

An indeterminate state is supported for scenarios where no specific progress value can yet be determined.

Shared Library

Scrollable Overflow Presenter

The new scrollable overflow presenter control can be oriented horizontally or vertically and displays scroll buttons when its content overflows the available space.

A horizontal scrollable overflow presenter with overflow button displayed

Clicking a scroll button smoothly scrolls the content.

Themes

Toggle Switch Affinity

Toggle switches can now optionally arrange the knob/track on the right side of the control instead of the left, which is ideal when used in the new settings-related controls.

Avalonia

The minimum Avalonia UI dependency is updated from v11.0.5 to v11.0.7 and all native control themes should now be consistent with Avalonia UI’s theme updates through v11.0.10.

Avalonia UI Controls v23.1.3 Maintenance Release

by Avatar Bill Henning (Actipro)
Wednesday, February 7, 2024 at 4:56pm

A new Avalonia UI Controls release is now available the adds several great new controls.

See the related announcement post for the detailed list of enhancements and updates.

Download Buy Now

Fundamentals

Avatar

Avatar controls are used to represent people or objects. They can render a full-size image, a centered glyph, a person's initials, or text.

Empty, initials, and image avatars

When text is provided, initials can automatically be derived. Large text-based content will scale down to try and fit within the circle as needed. A generic "empty" glyph will be displayed when no avatar content is provided.

Solid and soft appearances, showing how different initials derive various color combinations

An avatar is most distinctive when using image-based content, so text-based content can be harder to differentiate. While an avatar's foreground and background can be manually specified, there is built-in logic to automatically select color combinations based on the avatar's content and using either a solid or soft appearance.

Avatar derives from Button and supports the standard button command model and click events.

AvatarGroup

Use an AvatarGroup to render multiple Avatar controls. Avatars in a group can overlap with each other by a given size percentage, and you can expand the avatars on mouse hover. When the avatars don't fit in the available space, they can overflow to a popup.

An avatar group with an overflow button that when clicked, shows overflowed avatars

Wrap the group in a chromeless button to make an actionable avatar group that executes a task when clicked.

Badge

Badges can add contextual information to target elements, or even used on their own. Badges can display small content like text, counts, icons, or can render as a dot.

Various kinds of badges

When a badge adorns an element, it shows and hides using an animated "pop" effect. It can be easily aligned to any anchor position on the target element.

NumericBadge

NumericBadge inherits Badge and supports binding to a numeric value, such as a count value. The badge automatically displays when the count increments to a positive number and hides when decrementing to zero.

Badge and NumericBadge adorning elements

The displayed numeric value has overflow support, meaning that a large value can be restricted to only show "99+" for example.

RingSpinner

The RingSpinner control renders an animated ring where the two ring segment ends chase each other around the circle.

A couple RingSpinner controls

It is used when some form of processing is occurring to tell the end user that something is happening.

Shared Library

RingSlice

The RingSlice shape renders a portion (or the entire circle) of a ring shape. Its start/end angles, radius, thickness, and other stroke properties can be set.

A circular progress bar

Ring slice shapes can be combined in many interesting ways within UI, primarily used to create progress indicators.

Avalonia UI Controls v23.1.2 Maintenance Release

by Avatar Bill Henning (Actipro)
Monday, December 4, 2023 at 7:10pm

A new Avalonia UI Controls release is now available the adds an exciting new feature named user interface density.  Best of all, this feature is part of Actipro Themes and completely free to use!

See the related announcement post for the detailed list of enhancements and updates.

Themes

Spinner Horizontal Buttons

A new theme definition option has been added to support arranging the ButtonSpinner and NumericUpDown buttons horizontally instead of vertically.  A horizontal arrangement uses more space but is more touch-friendly.  Our sample project also shows how this option can be updated for certain user interface densities only, such as Spacious.

User Interface Density Updates

Our previous v23.1.1 release added a new user interface density feature that allowed controls and views to dynamically adjust spacing based on a density setting.  This feature was a real gamechanger and works very well, however it was discovered that the parsing of numeric values in our new XAML markup extensions wasn't always utilizing invariant culture.  Therefore, on some systems with non-English cultures, numbers were parsed incorrectly and spacing was far too large.  This issue has been corrected in this maintenance release.

Trimming and Native AOT (Ahead-of-Time)

Avalonia support native ahead-of-time compilation, which means an app is compiled to native code.  Native AOT apps have faster startup time and smaller memory footprints.  They also attempt to "trim" unused APIs to minimize the app's codebase.

For this maintenance release, we made a number of updates that help support trimming and native AOT.