Re: Floating progress visualization with button control - WPF Discussion Boards

Linux - Make an overlay or something like this...

6-Sep-23 21:19

Breaking change: WinForms and WPF apps use Microsoft.NET.Sdk - .NET | Microsoft Learn[^]

Make sure you have the correct Sdk, the correct TargetFramework, and the UseWpf properties in your project file.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Alex 5326-Aug-23 23:02

Alex 53

26-Aug-23 23:02

Hi everybody,

I want to make an overlay above an app or capturing this app into my window. I think i will use an opengl library i thougth to work with

glfw

but the feature that allow mouse passtrough is for the 3.4 version, and current is 3.3.8.

The best way for me were to run the window i want directly inside my own window, and control it for fullscreen and other things. I'm not habit with linux, i know on w10 a lot of possibilities were removed for security reason.

My work is on ArchLinux to be more accurate, i use lxde but if possible i prefer to avoid a "desktop environment"...

Thx !

NavigationControl - Still Have A Problem

Kevin Marois25-Aug-23 11:30

[Solved/Workaround] Floating progress visualization with button control

25-Aug-23 11:30

I'm still trying to get my Navigation Control. The repo is here[^].

Thanks to @RichardDeeming for all your help so far. I wouldn't have made it this far without your help.

So the Navigataion Container contains one or more Navigation Panes. When a pane is expanded, I want its loading to begin after it is expanded. The pane should expand, then the user sees the circular progress indicator while the list is loading. Then, when the results are returned, the circular progress indicator should go away and the results displayed.

If you run the app now, and expand a section, you'll see that it doesn't expand until it's after it's done loading.

I could use another pair of eyes on this.

In theory, theory and practice are the same. But in practice, they never are.”
If it's not broken, fix it until it is.
Everything makes sense in someone's mind.

Evilfish20009-Aug-23 23:28

Evilfish2000

9-Aug-23 23:28

I have created a progress unit control that show a progress in my WPF application and it looks like this:

https://pasteboard.co/peNn9PiguyNC.png

The way I have done this is adding a ListView in my main application view that has a higher ZIndex than the other controls. This essentially overlays all controls, but does not react hit tests and is not visible.

XML

<ListView x:Name="ProgressListView" Grid.Row="1" Grid.RowSpan="2" ItemsSource="{Binding ProgressCollection}" Background="Transparent" Panel.ZIndex="10" IsHitTestVisible="False">
<!-- Omitted WPF for the progress units -->
</ListView>

I have most of the WPF code here, but if you need it, I can post it

This works as you can see from the picture. If you look at the picture, there is a close image which is implemented this way:

XML

<Button Grid.Row="0" Grid.Column="1" 
Content="{wpf:MaterialIconExt Kind=WindowClose}"
Command="{Binding CloseProgressCommand}" 
Style="{StaticResource ProgressButtonStyle}" />

I would like to be able to click this button to close any progress unit, in case it blocks the users view of any controls beneath it. With my current implementation this is not possible as my ListView currently is marked with IsHitTestVisible="False". That means all controls under it also ignores the hit test, even if I set the buttons IsHitTestVisible to true. That means the button cannot be clicked by the mouse.

How can I make the button work on my progress unit and still have them floating?

So far:

I have experimented with overriding the hittest of the listview, so I can ignore hittest in code but allow the button to be pressed. This did not work, but I am still looking into this.
I have tried fiddling with the ZIndex on the Button, but if the listview ZIndex is lower that the rest, then buttons inside it will of cause also be behind it, no matter the buttons ZIndex. Its a part of the ListView.
I have also looked into the Adorner layer. I find that this could probably work, but it will require a complete rewrite of the logic and as I understand it is not really what it is meant for and will be very complicated.

Any suggestions is very welcome. I am 99% done, I just need the last little piece of the puzzle.

Solution/Workaround
So browsing some more and looking a bit into the links in the replies, I came up with a solution. I found it while browsing but to be honest i forgot where from. Anyway, the first thing i did was taking a part of @Gerry Schmitz advice and remove the z indexs. Then wil browsing @Richards supplied links for the n'th time i came a cross the workaround/solution.

I added a canvas as the first item and moved listview control in there. The canvas was then set to align content to the bottom and then i anchored the listview to the bottom of the canvas. Code looks like this:

XML

<Canvas Grid.Row="1" Grid.RowSpan="2" VerticalAlignment="Bottom">
    <ListView x:Name="ProgressListView" ItemsSource="{Binding ProgressCollection}" Background="Transparent" Canvas.Bottom="0" BorderThickness="0">
    <!-- Content -->
</ListView>
</Canvas>

This produces some what the result i was expecting. The progress controls is now fully responsive as I am no longer disabling the hittest. And the controls underneath the canvas is responding to mouse events. The reason this works is that the listview control is almost hidden when no progresses are shown. I tiny fraction of the ui in the corner is where the listview is. I could probably enable and disable the hittest in those conditions, but for now i think it is fine.

The reason i am calling this a work around is that when progresses are shown, ei more that 1, the space between the progress controls is not really a space and the mouse event does not sip through to the underlying controls. But we are also talking about 3-4 pixels in width, so only if a user is trying to click between something that is blocking for 5 seconds, then this becomes a problem. I think this will work for now. I still have some styling to do, but the close button now works as expected.

modified 11-Aug-23 4:01am.

Re: Floating progress visualization with button control

Richard Deeming10-Aug-23 0:26

Re: Floating progress visualization with button control

10-Aug-23 0:26

Evilfish2000 wrote:
How can I make the button work on my progress bar, and still have the IsHitTestVisible="False" on the ListView?

You can't; if you set IsHitTestVisible="False" on an element, it applies to that element and all of its descendants, regardless of the hit test settings on the child elements.

#680 – IsHitTestVisible Applies to All Child Elements | 2,000 Things You Should Know About WPF[^]
https://stackoverflow.com/questions/12148286/how-can-you-set-ishittestvisible-to-true-on-a-child-of-something-where-its-set[^]

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Evilfish200010-Aug-23 0:47

Evilfish2000

10-Aug-23 0:47

I edited my question. For the original question, you are correct. I can't. I found that out and also found the same stackoverflow link you have posted. So my revised question, is now: How can I make the button work on my progress unit and still have them floating?

Re: Floating progress visualization with button control

Gerry Schmitz10-Aug-23 6:11

Gerry Schmitz

10-Aug-23 6:11

You don't need to change the zorder to put it "on top"; you just span the whole grid and then position it the way you want and add it to the (XAML) visual tree last. Or put a canvas behind it for abolute positioning. The button can be placed anywhere relative to the progress "widget" using the same priciples. As for "hit testable", you can "swallow" clicks anytime it simpifies things. (e.Handled = true or false).

(If you can "close" the widget, it begs the question: how do you open it. Maybe the button should be on a top or side "command bar": an enable / disable toggle).

"Before entering on an understanding, I have meditated for a long time, and have foreseen what might happen. It is not genius which reveals to me suddenly, secretly, what I have to say or to do in a circumstance unexpected by other people; it is reflection, it is meditation." - Napoleon I

WPF EF Core 6 DP Question

Kevin Marois24-Jul-23 14:42

24-Jul-23 14:42

I'm working on an app that has two repository projects.

The first is part of my framework and is called ApplicationSecurity. It has Users, Rights, Encryption, etc. It's designed to be generic and used in any app. It expects an instance of an EF DBContext to be passed into the CTOR

The second repo project is for my app itself. Its tables are app specific. The DBContext resides in this project

So, I build the DBContext in this second project, and used it in both.

In my App.cs CTOR I have:

public App()
{
    AppHost = Host.CreateDefaultBuilder()
                    .ConfigureServices((hostContext, services) =>
                    {
                        services.AddSingleton<IEventAggregator, EventAggregator>();
                        services.AddSingleton<IApplicationSecurity, ApplicationSecurity>();
                        services.AddSingleton<MainWindowViewModel>();
                        services.AddSingleton<MainWindowView>();
                        services.AddSingleton<LoginViewModel>();
                        services.AddSingleton<LoginView>();
                    })
                    .Build();
}

[ ] How do I include my DBContext here?

[ ] My ApplicationSecurity class needs an instance of the DBContext class. How can I pass a reference to a DBContext into the ApplicationSecurity CTOR?

In theory, theory and practice are the same. But in practice, they never are.”
If it's not broken, fix it until it is.
Everything makes sense in someone's mind.

Richard Deeming24-Jul-23 21:36

24-Jul-23 21:36

Either services.AddDbContext<TContext>(...)[^], or services.AddDbContextPool<TContext>(...)[^] - as per the remarks, pooling probably won't add much benefit for most small applications.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Kevin Marois25-Jul-23 8:10

25-Jul-23 8:10

OK, so I now have

AppHost = Host.CreateDefaultBuilder()
                .ConfigureServices((hostContext, services) =>
                {
                    services.AddDbContext<MooseDBContext>(options =>
                    {
                        options.UseSqlServer(_connString);
                    });

                    services.AddSingleton<IEventAggregator, EventAggregator>();
                    services.AddSingleton<IApplicationSecurity, ApplicationSecurity>();
                    services.AddSingleton<MainWindowViewModel>();
                    services.AddSingleton<MainWindowView>();
                    services.AddSingleton<LoginViewModel>();
                    services.AddSingleton<LoginView>();
                })
                .Build();
}

But the ApplicationSecurity class needs an instance of MyDbContext. How do I pass that in?

In theory, theory and practice are the same. But in practice, they never are.”
If it's not broken, fix it until it is.
Everything makes sense in someone's mind.

modified 25-Jul-23 19:13pm.

Richard Deeming25-Jul-23 21:41

25-Jul-23 21:41

Add it as a constructor parameter.

Or are you saying that the ApplicationSecurity is defined in an assembly which doesn't have a reference to the assembly where the MooseDBContext is defined?

If that's the case, then you probably want the context to implement an interface:

// ApplicationSecurity assembly:
public interface IApplicationSecurityContext
{
    DbSet<YourEntityType> YourEntityTypes { get; }
}

public class ApplicationSecurity : IApplicationSecurity
{
    public ApplicationSecurity(IApplicationSecurityContext context)
    {
        ArgumentNullException.ThrowIfNull(context);
        Context = context;
    }
    
    private IApplicationSecurityContext Context { get; }
    ...
}

// MooseDBContext assembly:
public class MooseDBContext : DbContext, IApplicationSecurityContext
{
    ...
}

Then register the interfaces as services:

services.AddDbContext<MooseDBContext>(options =>
{
    options.UseSqlServer(_connString);
});

// When we request the IApplicationSecurityContext service,
// return the registered MooseDBContext service:
services.AddScoped<IApplicationSecurityContext>(sp => sp.GetRequiredService<MooseDBContext>());

You could even create a utility method to automatically register all interfaces implemented by your context:

public static IServiceCollection AddContextInterfaces<TContext>(this IServiceCollection services) where TContext : DbContext
{
    ArgumentNullException.ThrowIfNull(services);
    
    foreach (Type t in typeof(TContext).GetInterfaces().Except(typeof(DbContext).GetInterfaces()))
    {
        services.AddScoped(t, sp => sp.GetRequiredService<TContext>());
    }
    
    return services;
}

...

services.AddDbContext<MooseDBContext>(options =>
{
    options.UseSqlServer(_connString);
});

services.AddContextInterfaces<MooseDBContext>();

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Kevin Marois27-Jul-23 19:27

27-Jul-23 19:27

Thanks, that seems to work fine.

My class now looks like this:

using Marois.Framework.Core.AppSecurity.Repository;
using Marois.Framework.Core.Crypto;
using Marois.Framework.Core.Shared;
using Microsoft.EntityFrameworkCore;

namespace Marois.Framework.Core.AppSecurity.Service
{
    public class ApplicationSecurity : IApplicationSecurity
    {
        #region Private Fields
        private IApplicationSecurityContext _context { get; }
        #endregion

        #region CTOR
        public ApplicationSecurity(IApplicationSecurityContext context)
        {
            ArgumentNullException.ThrowIfNull(nameof(context));

            _context = context;
        }
        #endregion

        #region Public Methods
        public Task<UserEntity> LoginAsync(CredentialsEntity credentials)
        {
            UserEntity? results = null;

            ArgumentNullException.ThrowIfNull(nameof(credentials));

            var t = Task.Run(() =>
            {
                var userRepo = new AppSecurityRepository<UserEntity>((DbContext)_context);

                var user = userRepo.Find(x => x.UserName == credentials.UserName);

                if (Cryptography.VerifyHash(credentials.Password, user.Password, user.Hash))
                {
                    results = user;
                }

                return results;
            });

            return t;
        }
        #endregion
    }
}

In the Login method, would you create an instance of the repo, or create it in the CTOR and persist it?

In theory, theory and practice are the same. But in practice, they never are.”
If it's not broken, fix it until it is.
Everything makes sense in someone's mind.

Richard Deeming30-Jul-23 21:55

WPF xceed CheckcComboBox SelectAll Text

30-Jul-23 21:55

It's a dependency, so I'd be inclined to inject the repo rather than the context. Smile | :)

NB: Entity Framework supports asynchronous database queries, so it would be better to offer a FindAsync method on the repo, and get rid of the Task.Run call.

public class ApplicationSecurity : IApplicationSecurity
{
    private AppSecurityRepository<UserEntity> _userRepo { get; }

    public ApplicationSecurity(AppSecurityRepository<UserEntity> userRepo)
    {
        ArgumentNullException.ThrowIfNull(nameof(userRepo));
        _userRepo = userRepo;
    }

    public async Task<UserEntity> LoginAsync(CredentialsEntity credentials)
    {
        var user = await _userRepo.FindAsync(x => x.UserName == credentials.UserName);
        if (user is null) return null;
        
        return Cryptography.VerifyHash(credentials.Password, user.Password, user.Hash) ? user : null;
    }
}

NB2: Why does your user entity have both a Password and a Hash property? I'd expect to see a "protected password" property, and possibly a "salt" property, depending on whether the salt is stored as a separate column or combined with the password hash.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Kevin Marois20-Jun-23 18:17

Re: WPF xceed CheckcComboBox SelectAll Text

20-Jun-23 18:17

Is there any way to specify a text value when either all items or no items are checked?

In my case I'm using the CheckcComboBox in a report arguments window, so selecting none is the same as all. What I want is to show the word 'All' by default. If any items are selected, then I'd like it to work as it does and show a comma delimited list of checked items.

I have IsSelectAllActive = true in the XAML. I've also tried setting the Text property in the COllectionChanged event. Neither worked.

In theory, theory and practice are the same. But in practice, they never are.”
If it's not broken, fix it until it is.
Everything makes sense in someone's mind.

modified 21-Jun-23 0:33am.

Richard Deeming20-Jun-23 20:53

Re: WPF xceed CheckcComboBox SelectAll Text

20-Jun-23 20:53

There's nothing obvious in the (rather limited) documentation[^]; you might need to raise an issue with them[^].

Or, if you've paid for the "plus" edition, use their "priority support" system.

NB: The "free" edition no longer supports commercial use[^]. If you're using it in anything other than a personal or internal-use product, they expect you to pay for it. However, there are a few forks from before the license change which are still properly "free". Smile | :)

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Kevin Marois21-Jun-23 10:32

21-Jun-23 10:32

Wonderful. Thanks

In theory, theory and practice are the same. But in practice, they never are.”
If it's not broken, fix it until it is.
Everything makes sense in someone's mind.

List of Images

Kevin Marois9-Jun-23 13:47

Change Image URL's Assembly At Runtime

9-Jun-23 13:47

I need to load a large set of images and let the user pick from them. The user will select a folder, and the list should load. A view like this[^] is what I'd like it to look like.

The user should be able to filter the types of images to load. Preferable, I'd like to be able to have tabs for each folder so they can load multiple folders at once.

I'm not sure of the right container to use for this. Would a VirtualizingWrapPanel work for this?

Also, what's the right way to load the list? When the user selects the folder, I'd like it to start loading right away. Getting a list of file names is easy, but then I would probably need some kind of model class to bind to the list.

I'd like to hear what you guys think.

Thanks

In theory, theory and practice are the same. But in practice, they never are.”
If it's not broken, fix it until it is.
Everything makes sense in someone's mind.

Kevin Marois6-Jun-23 7:15