How to get a single Bounding rectangle around multiple shapes in WPF

Question

0.00/5 (No votes)

See more:

Hi, I have multiple shapes on canvas. I need to generate a bounding rectangle around all the selected shapes without altering their existing positions. And I should be able resize and rotate them as well. When i resize the whole group the scale should apply to all the shapes inside. Right now Im able to select multiple shapes and able to resize them at a time as well, but i dont have common bounding rectangle for those selected shapes.
Im a beginner for WPF.Kindly post any ideas regarding the issue. Thanks in advance.

Revanth M.

Posted 21-Oct-11 20:02pm

Revanthkumar M

Add a Solution

Comments

hzawary 22-Oct-11 9:48am

Are you want to have a selection tool like other paint software?

Revanthkumar M 23-Oct-11 23:38pm

thankyou hzawary for considering. I need have a selection for that bounding box. Not the box I get when im dragging the mouse clicking left mouse, but a permanent box around the selected shapes.

BillWoodruff 22-Oct-11 21:37pm

Since I am not a use of WPF, I'll include this as a comment, not a solution, but can't you easily iterate (foreach ?) over the collection of selected shapes, and just calculate min and max x,y co-ordinates which will easily give you the bounding-box ?

Revanthkumar M 23-Oct-11 23:40pm

Thankyou Bill for considering,I can do tht but i cant arrange a box around those shapes unless I keep them in another canvas or panel,which will not give me any resizing or rotation.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Jyothikarthik_N · Answer 1 · 2011-10-23T20:42:00

Please see if this suits your solution:

<Border
BorderThickness="2"
BorderBrush="Black">
<Canvas>
Your shapes
</Canvas>
</Border>

Use ScaleTransform on your border.

(If you intend to use ScaleTransform + LinearTransform, wrap them in TransformGroup)

Example:
<Border BorderBrush="Black" BorderThickness="2" Height="200" Width="200">
<Canvas>
<Ellipse Width="150" Height="150" StrokeThickness="2" Stroke="Black"/>
</Canvas>
<Border.RenderTransform>
<ScaleTransform ScaleX="0.5" ScaleY="0.5"/>
</Border.RenderTransform>
</Border>

Let me know if you need any more clarifications, will be happy to help!

Mark as answer if this solves! :)

Thanks!

Revanthkumar M · Answer 2 · 2011-11-09T01:19:00

Thanks guys for your replies..... Anyways I got the solution for my problem. I got code for grouping and rotation and resize separately. I did some work and able to mix them both into one. And trying to make the code more fool proof. Here are the links that helped me. Thanks once again.

WPF Diagram Designer: Part 1[^]

WPF Diagram Designer - Part 4[^]

How to get a single Bounding rectangle around multiple shapes in WPF

2 solutions

Solution 2

Solution 3

Add your solution here

Preview 0