DevToys logo DevToys
  • Home
  • Blog
  • Documentation
  • Download
Search Results for

    Show / Hide Table of Contents

    Progress Ring

    You can display a progress ring using the ProgressRing() static method, which produces a IUIProgressRing.

    Sample

    using DevToys.Api;
    using System.ComponentModel.Composition;
    using static DevToys.Api.GUI;
    
    namespace MyProject;
    
    [Export(typeof(IGuiTool))]
    [Name("My Tool")]
    [ToolDisplayInformation(
        IconFontName = "FluentSystemIcons",
        IconGlyph = '\uE670',
        ResourceManagerAssemblyIdentifier = nameof(MyResourceAssemblyIdentifier),
        ResourceManagerBaseName = "MyProject.Strings",
        ShortDisplayTitleResourceName = nameof(Strings.ShortDisplayTitle),
        DescriptionResourceName = nameof(Strings.Description),
        GroupName = "My Group")]
    internal sealed class MyGuiTool : IGuiTool
    {
        private readonly IUIProgressRing _progressRing = ProgressRing();
    
        public UIToolView View
            => new UIToolView(
                Stack()
                    .Vertical()
                    .WithChildren(
    
                        ProgressRing()
                            .StartIndeterminateProgress(),
                        
                        Button()
                            .Text("Click me")
                            .OnClick(OnButtonClickAsync),
    
                        _progressRing));
    
        public void OnDataReceived(string dataTypeName, object? parsedData)
        {
            // Handle Smart Detection.
        }
    
        private async ValueTask OnButtonClickAsync()
        {
            for (int i = 0; i <= 100; i++)
            {
                _progressRing.ProgressAsync(i).Forget();
                await Task.Delay(25);
            }
        }
    }
    

    The code above produces the following UI:

    DevToys - My Tool - Progress Ring

    In this article
    DevToys logo © 2024 DevToys