BeeMobile.WaitIndicator.AVA.NET6 11.0.0.2

Bee Mobile Copyright (c) 2024

Bee Mobile Wait Indicator

BeeMobile.WaitIndicator.AVA.NET6 is .NET 6.0 based Avalonia Framework TemplatedControl is a piece of Graphical User Interface, which provides visual information to the user typically about a lengthy background operation taking place. Informing the user about such operation is important so that the user knows that the application is responsive.

The component is EXTREMELY easy to use. Just put it onto your screen/window/view and let it animate. Once done, simply hide it (set IsVisble property to False) and you will see a result like this:

NuGet

BeeMobile.WaitIndicator.AVA.NET6 is delivered as a NuGet package.

Usage Example

Put it into your view:

<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:bm="using:BeeMobile.WaitIndicator"
        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="480"
        Width="800" Height="480"
        x:Class="BeeMobile.WaitIndicator.MainWindow"
        Title="BeeMobile WaitIndicator C# Sample">
  <Grid RowDefinitions="*">
  
    <StackPanel VerticalAlignment="Bottom" Orientation="Horizontal">
      ... - your other controls may go here
    </StackPanel>

    <bm:WaitIndicator x:Name="wi"
                    Width="100"
                    Height="111"
                    FontSize="16"
                    FontWeight="Bold"
                    Text="Loading  ..."
                    IsVisible="True"
                    />
  </Grid>
</Window>

Recommended Usage

Recommended approach to using WaitIndicator is to position it to center of your window/view/screen (container, that is) and make sure it appears on top of any other components. You should also set Width/Height properties to some reasonable values (depending on size of its parent container). To achieve this, make sure that it is the last control added to your container and set its IsVisible property to False. You may optionally set its Text property to some text (e.g., Loading..., Saving... or similar). Then simply change its visibility, whenever needed.

As soon as you make an instance of WaitIndicator visible by setting its IsVisible property to True (which is the default), it will start animating. Once you make WaitIndicator invisible, the animation will also stop. Therefore, it is not necessary to remove it from visual tree, if you plan to show it again later.

About

Brought to you by Bee Mobile. Check out other Avalonia Framework controls on Bee Mobile web site.

Visit component web-site for more information including on-line help and sample project.

VERSION HISTORY

Version: 11.0.0.2 - May 13, 2024