FilterEffectPickerでプログレスリングを表示

Author: yuto-trd

src/Beutl.Controls/PropertyEditors/FilterEffectPickerFlyoutPresenter.cs

@@ -91,5 +91,9 @@ protected override void OnPropertyChanged(AvaloniaPropertyChangedEventArgs chang
         {
             PseudoClasses.Set(SearchBoxPseudoClass, ShowSearchBox);
         }
+        else if (change.Property == IsBusyProperty)
+        {
+            PseudoClasses.Set(IsBusyPseudoClass, IsBusy);
+        }
     }
 }

src/Beutl.Controls/Styling/PropertyEditors/FilterEffectPickerFlyoutPresenter.axaml

@@ -43,7 +43,8 @@
                               Background="Transparent"
                               ColumnDefinitions="*,Auto">
                             <WrapPanel Name="TabLayout" Margin="4,4,0,4">
-                                <ToggleButton IsChecked="{TemplateBinding ShowSearchBox, Mode=TwoWay}" Name="ShowSearchBoxButton">
+                                <ToggleButton IsChecked="{TemplateBinding ShowSearchBox, Mode=TwoWay}"
+                                              Name="ShowSearchBoxButton">
                                     <ui:SymbolIcon Symbol="Find" />
                                 </ToggleButton>
                                 <ToggleButton Name="ShowAllButton" IsChecked="{TemplateBinding ShowAll, Mode=TwoWay}">
@@ -110,6 +111,13 @@
                                 </ListBox.ItemTemplate>
                             </ListBox>
                         </StackPanel>
+
+                        <ProgressRing Name="PART_ProgressRing"
+                                      IsVisible="False"
+                                      IsIndeterminate="False"
+                                      Grid.RowSpan="3"
+                                      VerticalAlignment="Center"
+                                      HorizontalAlignment="Center" />
                     </Grid>
                 </ui:FABorder>
             </ControlTemplate>
@@ -126,6 +134,11 @@
             <Setter Property="IsVisible" Value="True" />
         </Style>
 
+        <Style Selector="^:busy /template/ ProgressRing#PART_ProgressRing">
+            <Setter Property="IsVisible" Value="True" />
+            <Setter Property="IsIndeterminate" Value="True" />
+        </Style>
+
         <Style Selector="^ /template/ WrapPanel#TabLayout">
             <Style Selector="^ > ToggleButton">
                 <Setter Property="Width" Value="32" />

src/Beutl/Views/Editors/FilterEffectPickerFlyout.cs

@@ -8,6 +8,7 @@
 using Beutl.ViewModels.Dialogs;
 using FluentAvalonia.Core;
 using FluentAvalonia.UI.Controls.Primitives;
+using Reactive.Bindings.Extensions;
 
 namespace Beutl.Views.Editors;
 
@@ -30,6 +31,8 @@ protected override Control CreatePresenter()
             .Subscribe(v => viewModel.ShowAll.Value = v);
         pfp.GetObservable(FilterEffectPickerFlyoutPresenter.SearchTextProperty)
             .Subscribe(v => viewModel.SearchText.Value = v);
+        viewModel.IsBusy.ObserveOnUIDispatcher()
+            .Subscribe(v => pfp.IsBusy = v);
         pfp.KeyDown += (_, e) =>
         {
             switch (e.Key)