Как рисовать прямоугольник в WPF?
Мне нужно рисовать прямоугольник в холсте.
Я знаю, как рисовать. Но я не мог этого сделать, нарисовал бы на 360 градусов
Пример. синий, лиловый, зеленый - это один и тот же прямоугольник, я изменил цвет, например
Красная точка - это прямоугольник начального положения.
![enter image description here]()
EDIT:
Мои действия:
LeftMouseDown в x = 50; y = 50 (нажмите)
MoveMouse до 100; 100 - теперь он работает
MoveMouse до 30; 150 или MoveMouse до 10; 10 - теперь я не могу этого сделать, но мне это нужно
Ответы
Ответ 1
Если вам не нужен вращающийся прямоугольник, я бы не стал использовать преобразования. Просто установите Left и Top на минимальные x и y и ширину до max-x и height maxy-y.
<Canvas x:Name="canvas" MouseDown="Canvas_MouseDown" MouseMove="Canvas_MouseMove" MouseUp="Canvas_MouseUp" Background="Transparent" />
private Point startPoint;
private Rectangle rect;
private void Canvas_MouseDown(object sender, MouseButtonEventArgs e)
{
startPoint = e.GetPosition(canvas);
rect = new Rectangle
{
Stroke = Brushes.LightBlue,
StrokeThickness = 2
};
Canvas.SetLeft(rect,startPoint.X);
Canvas.SetTop(rect,startPoint.Y);
canvas.Children.Add(rect);
}
private void Canvas_MouseMove(object sender, MouseEventArgs e)
{
if(e.LeftButton == MouseButtonState.Released || rect == null)
return;
var pos = e.GetPosition(canvas);
var x = Math.Min(pos.X, startPoint.X);
var y = Math.Min(pos.Y, startPoint.Y);
var w = Math.Max(pos.X, startPoint.X) - x;
var h = Math.Max(pos.Y, startPoint.Y) - y;
rect.Width = w;
rect.Height = h;
Canvas.SetLeft(rect, x);
Canvas.SetTop(rect, y);
}
private void Canvas_MouseUp(object sender, MouseButtonEventArgs e)
{
rect = null;
}
Ответ 2
Шаги:
-
В MouseLeftButtonDown: если вы не вращаетесь: добавьте прямоугольник с верхним левым углом в координатах мыши и его высоту и ширину, рассчитанные по разнице между верхним углом и координатами мыши. Установите логическое значение true, чтобы указать, что вы рисуете. если вы вращаетесь: остановите вращение, установив вращающееся логическое значение в значение false.
-
В MouseMove: проверьте, что левая кнопка мыши все еще нажата, и вы рисуете (логически с предыдущего шага). пересчитайте ширину и высоту прямоугольника. Если вы поворачиваете, отрегулируйте поворот прямоугольника, вычислив угол между точкой, в которой вы отпустили кнопку, RenderTransformOrigin и текущее местоположение мыши. (Используйте Vector.AngleBetween()
-
В MouseLeftButtonUp: если рисунок истинно, установите рисунок с булевым значением в false и установите вращающееся значение boolean в true.
Этот поток позволит вам щелкнуть (установить угол прямоугольника), перетащить и отпустить, чтобы установить противоположный угол, передвинуть мышь, чтобы повернуть прямоугольник и щелкнуть, чтобы исправить прямоугольник.
Поместите и поверните прямоугольник с помощью RenderTransform: это сделает многое намного проще, чем задание полей или Canvas.Left на прямоугольнике.
Сообщите мне, если вам нужна помощь.
Ответ 3
Вам действительно не нужно вращаться как таковое - просто отрегулируйте высоту, ширину и левый верхний угол прямоугольника на основе положения мыши.
Это, вероятно, хорошая отправная точка для вас:
XAML:
<Canvas x:Name="MyCanvas"
Background="White"
IsHitTestVisible="True"
MouseDown="Canvas_MouseDown"
MouseMove="Canvas_MouseMove"
MouseUp="Canvas_MouseUp">
</Canvas>
Код за:
private bool _mouseDown = false;
private Rectangle _current;
private Point _initialPoint;
private void Canvas_MouseDown(object sender, MouseButtonEventArgs e)
{
_mouseDown = (e.ButtonState == MouseButtonState.Pressed)
&& (e.ChangedButton == MouseButton.Left);
if (!_mouseDown)
return;
_current = new Rectangle();
_initialPoint = e.MouseDevice.GetPosition(MyCanvas);
_current.Fill = new SolidColorBrush(Colors.Blue);
MyCanvas.Children.Add(_current);
}
private void Canvas_MouseMove(object sender, MouseEventArgs e)
{
if (!_mouseDown)
return;
Point position = e.MouseDevice.GetPosition(MyCanvas);
_current.SetValue(Canvas.LeftProperty,
Math.Min(position.X, _initialPoint.X));
_current.SetValue(Canvas.TopProperty,
Math.Min(position.Y, _initialPoint.Y));
_current.Width = Math.Abs(position.X - _initialPoint.X);
_current.Height = Math.Abs(position.Y - _initialPoint.Y);
}
private void Canvas_MouseUp(object sender, MouseButtonEventArgs e)
{
if (e.ChangedButton == MouseButton.Left)
_mouseDown = false;
}
Ответ 4
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
namespace SilverlightApplication1
{
public partial class MainPage : UserControl
{
public MainPage()
{
// Required to initialize variables
InitializeComponent();
mainCanvas.MouseLeftButtonDown+=new System.Windows.Input.MouseButtonEventHandler(MainPage_MouseLeftButtonDown);
mainCanvas.MouseLeftButtonUp+=new System.Windows.Input.MouseButtonEventHandler(MainPage_MouseLeftButtonUp);
mainCanvas.MouseMove+=new System.Windows.Input.MouseEventHandler(MainPage_MouseMove);
SolidColorBrush myBrush = new SolidColorBrush(Colors.Green);
_curRectangle.Rect.Stroke = myBrush;
_curRectangle.Rect.StrokeThickness = 4;
_curRectangle.Rect.Fill = myBrush;
}
private void Button_Click(object sender, System.Windows.RoutedEventArgs e)
{
// TODO: Add event handler implementation here.
}
private void elipse_Click(object sender, System.Windows.RoutedEventArgs e)
{
// TODO: Add event handler implementation here.
}
RealRect _curRectangle = null;
private void MainPage_MouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
_curRectangle = new RealRect((int)e.GetPosition(sender as Canvas).X, (int)e.GetPosition(sender as Canvas).Y, false);
mainCanvas.Children.Insert(0, _curRectangle.Rect);
_curRectangle.StartRect();
}
private void MainPage_MouseLeftButtonUp(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
if (_curRectangle != null)
{
_curRectangle.ClearStartTemp();
_curRectangle = null;
}
}
private void MainPage_MouseMove(object sender, System.Windows.Input.MouseEventArgs e)
{
if (_curRectangle != null)
{
_curRectangle.EndX = (int)e.GetPosition(sender as Canvas).X;
_curRectangle.EndY = (int)e.GetPosition(sender as Canvas).Y;
_curRectangle.MakeReal();
}
//exampleRectangle.Rect.Width = - Canvas.GetLeft(exampleRectangle.Rect);
//exampleRectangle.Rect.Height = - Canvas.GetTop(exampleRectangle.Rect);
}
}
}
Рабочий класс
using System.Windows.Shapes;
using System.Windows.Controls;
using System.Windows;
namespace SilverlightApplication1
{
public struct Point
{
public static readonly Point Empty;
public Point(int x, int y) { _x = x; _y = y; }
int _x;
public int X
{
get { return _x; }
set { _x = value; }
}
int _y;
public int Y
{
get { return _y; }
set { _y = value; }
}
}
public class RealRect
{
Rectangle mRect = new Rectangle();
#region Class Local Variables
private SilverlightApplication1.Point mStart;
public SilverlightApplication1.Point MStart
{
get { return mStart; }
set { mStart = value; }
}
private SilverlightApplication1.Point mEnd;
private SilverlightApplication1.Point mRealStart;
private SilverlightApplication1.Point mRealEnd;
private System.Windows.Size mRealSize;
private bool isStatus = false;
public bool IsStatus
{
get { return isStatus; }
set { isStatus = value; }
}
private SilverlightApplication1.Point mTempPoint;
#endregion
public RealRect(int x, int y, bool start)
{
mTempPoint = new SilverlightApplication1.Point(x, y);
IsStatus = false;
mEnd = Point.Empty;
mRealEnd = Point.Empty;
}
public void ClearStartTemp()
{
IsStatus = false;
mTempPoint = Point.Empty;
}
public void StartRect()
{
IsStatus = true;
mStart = mTempPoint;
mRealStart = mTempPoint;
}
/// <summary>
/// Ending X Value of rectangle
/// </summary>
public int EndX
{
set { mEnd.X = value; }
}
/// <summary>
/// Ending Y Value of rectangle
/// </summary>
public int EndY
{
set { mEnd.Y = value; }
}
/// <summary>
/// Get the corrected rectangle
/// </summary>
public Rectangle Rect
{
get
{
MakeReal();
return mRect;
}
}
public void MakeReal()
{
//Started top left, ended bottom right
if (mEnd.X > mStart.X && mEnd.Y > mStart.Y)
{
mRealStart = mStart;
mRealEnd = mEnd;
mRealSize = new Size(mRealEnd.X - mRealStart.X, mRealEnd.Y - mRealStart.Y);
// return;
}
//Started bottom right, ended top left
else if (mEnd.X < mStart.X && mEnd.Y < mStart.Y)
{
mRealEnd = mStart;
mRealStart = mEnd;
mRealSize = new Size(mRealEnd.X - mRealStart.X, mRealEnd.Y - mRealStart.Y);
// return;
}
//Started top right left, ended bottom left
else if (mEnd.X < mStart.X && mEnd.Y > mStart.Y)
{
mRealStart.X = mEnd.X;
mRealStart.Y = mStart.Y;
mRealEnd.X = mStart.X;
mRealEnd.Y = mEnd.Y;
mRealSize = new Size(mRealEnd.X - mRealStart.X, mRealEnd.Y - mRealStart.Y);
// return;
}
//Started bottom left, ended top right
else if (mEnd.X > mStart.X && mEnd.Y < mStart.Y)
{
mRealStart.X = mStart.X;
mRealStart.Y = mEnd.Y;
mRealEnd.X = mEnd.X;
mRealEnd.Y = mStart.Y;
mRealSize = new Size(mRealEnd.X - mRealStart.X, mRealEnd.Y - mRealStart.Y);
// return;
}
Canvas.SetLeft(mRect, mRealStart.X);
Canvas.SetTop(mRect, mRealStart.Y);
mRect.Width = mRealSize.Width;
mRect.Height = mRealSize.Height;
}
}
}
Ответ 5
Возможно, я ошибаюсь, но думаю, что это может сработать:
<Rectangle Width="200" Height="50" Fill="Black">
<Rectangle.RenderTransform>
<RotateTransform CenterX="0" CenterY="0" Angle="45"></RotateTransform>
</Rectangle.RenderTransform>
</Rectangle>