When setting the panning key, you can't pan the canvas with the provided key. Panning is only possible when using the panning key and the space bar at the same time. The reason of this bug is at PanningGrid.cs:334.

You should remove Keyboard.IsKeyDown(Key.Space). You could add Keyboard.IsKeyDown(_parent.PanningKey) as replacement, but _parent.IsPanning already checks if the key is pressed.

If I add images in your RichCanvas and I zoom in or our changing the scale so resolution image decrease immediately.

Hello,
I have to stretch Image instead of mantein aspect ratio. How I can do this in RichCanvas?
Thank you very much
Best regards

Hi, how can I disable the selection of multiple elements?

thank you

As questioned, is it possible to support avalonia?

Hi, I've got your code mostly working, but I think I'm missing something. I'm trying to do something very simple - just want to use the zooming and panning functionality right now, and eventually drawing boxes on the images for cropping purposes.

We already have images loading and appearing, using the regular System Image control and setting the image's Uri in the view model. Here's how I have the xaml right now:

    <rc:RichItemsControl ItemsSource="{Binding RichCanvasItems}">
        <Image Source="{Binding ImageSource.Uri}"/>
    </rc:RichItemsControl>

And in the view model:

public ObservableCollection<IImageSource> RichCanvasItems { get; set; }

OnImageLoad(Uri uri) {
            if (RichCanvasItems == null) {
                RichCanvasItems = new ObservableCollection<IImageSource>();
            }
            RichCanvasItems.Clear();

            ImageSource.Uri = uri;
            RichCanvasItems.Add(ImageSource);
}

ImageSource's type is our own interface and just contains the uri for the image. This code actually all works, and the image is loaded and appears. I can zoom and pan it by holding control or space and the left mouse button. In fact I don't even need the ObservableCollection in that code above, it still works the same.

The problem is when I just left click on the image or the empty area around it. The program crashes with a null reference in RichCanvas.dll, so I can't quite see exactly what's going wrong. My guess is it's trying to select something or maybe draw the image even though it's already there? Thank you for any help.

Latest version changed this. Previous version gave the panning of the canvas priority over calling the on click of an object. Is there a binding that can change this back or is something broken?

Hi,
I want to realize that the picture automatically adapts to the canvas, so that the picture is in the middle of the canvas, is there a way to get the width and height of the RichItemsControl or other methods to achieve this function?
whether I can do it with an extension method that changes coordinates similar to what ShouldBringIntoView does (as the MakeVisible method does)
Trouble you again,Thank you so much.
Best Wishes!

Hi,

I added your RichItemsControl version 2.3.0 from NuGet to my .NET6 WFP project.

<richCanvas:RichItemsControl Grid.Column="0" />

Everything looks fine so far.

If I run my program and do a mouse selection, an exception is thrown in RichItemsControl::SelectBySelectionRectangle() because the "SelectedItems" collection is "null" and you directly call ".get_Count()" on it, or at least this is what my debugger tells me.

First question: Could you please prevent the exception.
Second question: Is there a way to disable selection at all?

Thanks in advance.

Best regards,
Marcel

Currently, with AutoPanning, when performing a "selection" operation, the mouse must be moved outside of the "RichItemsControl" in order to activate AutoPanning. This can potentially result in situations where, when the window is in full-screen mode and the "RichItemsControl" is at the window's edge, there is no space for the mouse to move further outward, preventing AutoPanning from occurring.

Therefore, it is recommended to optimize the triggering mechanism for AutoPanning so that it doesn't require moving outside of the "RichItemsControl." Instead, it should be activated when the mouse is near the edge within the "RichItemsControl."

Translated by Chat GPT.Hope it hasn't been translated incorrectly.

Please check the file.

  <ItemGroup>
    <None Include="..\..\..\..\Users\Mircea\OneDrive\Desktop\logoRichCanvas.png">
      <Pack>True</Pack>
      <PackagePath></PackagePath>
    </None>
  </ItemGroup>

  <ItemGroup>
    <None Include="..\.editorconfig" Link=".editorconfig" />
  </ItemGroup>

How can I disable scroll in negative directions? In other case how can I limit scroll only in our maximum width and Height setting in RichCanvas?
Thank you.

Hello,

I did not found it anywhere, but it is possible to add an image as the background and not as an ImageVisual?

Thanks for reply!

Are there any plans for a port to WinUI3?

Hi,
using Demo, ResizeAdorner is not visible on Image after selecting it.
Can you check it? Or can you explain how to activate it on Image?

Thank you.

I found that CoerceVerticalOffset and CoerceHorizontalOffset won't be called if DisableScroll=true, but I think Panning should still be limited by the ExtentSize property.

Hello,

I want to find x2-y2 position of line as point and with left + width and top + height couldn't get the correct x2-y2 values. Any ideas to find that?

It seems that the meanings of the names 'RichItemsControl' and 'RichItemContainer' have been reversed.
Containers are like boxes that hold and organize stuff, such as Grid or StackPanel. Controls are the things you can interact with, such as Button or TextBox.
By the way, I'm just starting to learn WPF, so this might be a wrong suggestion

Maybe due to the boundary constraints of the "RichItemContainer", some of the edges of the lines get clipped, which makes it look a bit weird. Is there an easy fix for this?

Hello, I'd like to report a bug. It seems that when the running app has more than one RichCanvas, only the newest one works as intended.

To demonstrate, I modified the RichCanvasDemo application to have two different canvases. The bottom canvas works as expected, but the top canvas doesn't allow elements to be clicked on, dragged, resized, etc.

In case it helps at all, here's what Snoop says the order of events are when attempting to click on the rectangle. (left is the not working canvas, right is the working one) It seems that MouseDown never gets fired on the rectangle.

Any idea why this might be happening?

Hello! I tried placing an Itemcontainer inside the richitemscontrol and when I try using drag and drop the item isn't moving.
Here's my code:
<richCanvas:RichItemsControl EnableGrid="True" GridSpacing="5" x:Name="TestCanvas" Scale="1" EnableSnapping="True"> <richCanvas:RichItemContainer Width="65" Height="65" Foreground="Red" BorderBrush="Red" IsDraggable="True" IsSelectable="True" > <TextBlock>Hello</TextBlock> </richCanvas:RichItemContainer> </richCanvas:RichItemsControl>

Hi,
Today is our second communication, Trouble you again. haha~
When I add an image to the canvas, and set IsSelectable = false and IsDraggable = false , and then want to be able to draw a rectangle on the image, the first time I always fail to draw a rectangle, after the first time it's normal. How can I fix this, is there a problem between the priority of moving the picture and drawing the rectangle?
Best Wishes!

In our use case, we'd like to hide the scrollbars of the ScrollViewer in the RichItemsControl. We are using:
ScrollViewer.VerticalScrollBarVisibility="Hidden" ScrollViewer.HorizontalScrollBarVisibility="Hidden" properties.

These unfortunately do nothing yet. Is there anything we're missing?

Hello, I am using Rich Canvas. I have one question.
Is there a function to draw lines or Rectangle by moving the mouse? Or do I have to implement it myself?

Hi,
with an Image selected, if I press down, left, right or up keys, application freeze.

Can you check it?

Thank you.

I recent found the code of Github is different from the Nuget package of vertion 1.3.0.
Could you release the newly vertion to nuget?
Best Wishes!

When triggered by the DrawingEnded event and executing the DrawEndedCommand to repeat the drawing, a strange phenomenon occurs:

During the drawing process, under normal circumstances, as you move the mouse, a graphic that changes in size with the mouse's position is displayed.
However, in some cases, while moving the mouse, the graphic being drawn is not displayed, and it only appears after releasing the mouse to indicate that the drawing is complete.

For instance, if I click the button "Draw xx" three times before starting to draw, it will not display every third time. In other words, it won't display on the 4th, 8th, 12th... drawing
If I start drawing after the first click, it will not display every other time. In other words, it won't display on the 2nd, 4th, 6th, 8th... drawing.

This phenomenon occurs in both the RichCanvasDemo and my own project.
Why does this phenomenon occur, and are there any solutions?

Is it possible to use the right mouse button for panning? Instead of a key and the left mouse button.

Hi, Is it possible to click the draw rectangle button once and then draw multiple rectangles in a row？
I tried to execute OnDrawCommand after the DrawEnded event, but it would result in not being able to select the drawn rectangle and occasionally there would be a drag instead of a draw rectangle.
Best Wishes!

When I use scaling, changing the size causes a drop point error.

Code: RichCanvasDemo

Thanks for creating awesome library
I'm not sure if the title correct but I don't know how to describe this
I have a RichCanvas with default properties, but the dragging beavior is not what I expected (as I experienced in demo App)
The Container and Drag Selection Rectangle only show their position snap to 1 pixel, even I change GridSpacing to bigger or smaller number, the update tick remain the same as 1 unit
<richcanvas:RichItemsControl EnableGrid="true" GridSpacing="1" MaxScale="100" MinScale="0.1" ></richcanvas:RichItemsControl>

The only thing that I changed is AttachedAdorner and it's long ago( I want to remove Resize adorner thumb for some reason I didn't even remember 😅 )