我的目标是创建一个Canvas,您可以通过在整个画布中移动来将子元素翻译到您想要的位置(例如,在犀牛的蚱蜢插件中)。我尝试过使用“translateTransform”,但后来出现的问题是,画布的高度或宽度不够大,无法再包括整个窗口。我试图解决这个问题,只要Canvas被拖动,就将宽度和高度添加到Canvas中,但Canvas的大小似乎没有改变。如何在WPF中实现“无限大小”的画布效果?
这里是我的window.xaml:
<Window x:Name="Window" x:Class="Oolong.Windows.Project.ProjectPlan"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:Oolong.Windows.Project"
mc:Ignorable="d"
Title="Projektplan" Height="{DynamicResource {x:Static SystemParameters.PrimaryScreenHeightKey}}" Width="{DynamicResource {x:Static SystemParameters.PrimaryScreenWidthKey}}" WindowStartupLocation="CenterOwner" ShowInTaskbar="False" Icon="/Oolong;component/Resources/Images/icon2.png">
<Window.Background>
<ImageBrush ImageSource="/Oolong;component/Resources/Images/ui/canvas_bg.png" TileMode="FlipY" Stretch="Uniform" AlignmentY="Top" Viewport="0,0,150,50" ViewportUnits="Absolute" />
</Window.Background>
<Canvas x:Name="Grid" ScrollViewer.HorizontalScrollBarVisibility="Auto" ScrollViewer.VerticalScrollBarVisibility="Auto" MouseLeftButtonDown="Grid_OnMouseLeftButtonDown" MouseDown="Grid_MouseDown" MouseMove="Grid_MouseMove" MouseUp="Grid_MouseUp" MouseWheel="Grid_OnMouseWheel" Width="{DynamicResource {x:Static SystemParameters.MaximizedPrimaryScreenWidthKey}}" Height="{DynamicResource {x:Static SystemParameters.MaximizedPrimaryScreenHeightKey}}">
<Rectangle x:Name="NewTaskRectangle" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="87" Margin="0,0,0,0" Stroke="Black" VerticalAlignment="Top" Width="208" Visibility="Hidden"/>
<Label x:Name="NewTaskLabel" Content="Gib den Namen der Aufgabe ein..." HorizontalAlignment="Left" Margin="10,17,0,0" VerticalAlignment="Top" Visibility="Hidden"/>
<TextBox x:Name="NewTaskTextBox" HorizontalAlignment="Left" Height="23" Margin="10,48,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="189" Visibility="Hidden" KeyUp="NewTaskTextBox_OnKeyUp"/>
<Border x:Name="NewTaskTemplate" BorderBrush="Black" BorderThickness="2.5" HorizontalAlignment="Left" Height="30" Margin="0" VerticalAlignment="Top" Background="#FFE2C027" Padding="5" Focusable="True" CornerRadius="6" Width="15" Visibility="Hidden" MinWidth="150" MinHeight="30" MouseRightButtonUp="NewTaskTemplate_OnMouseRightButtonUp">
<Border.ContextMenu>
<ContextMenu x:Name="NewTaskContextMenu">
<MenuItem x:Name="AddIssueMenuItem" Header="Arbeitsschritt hinzufügen" Click="AddIssueMenuItem_OnClick"/>
<MenuItem x:Name="DeleteMenuItem" Header="Löschen" Click="DeleteMenuItem_OnClick"/>
</ContextMenu>
</Border.ContextMenu>
</Border>
<Canvas.RenderTransform>
<TransformGroup>
<ScaleTransform x:Name="ScaleTransform"/>
<TranslateTransform x:Name="Tt" />
</TransformGroup>
</Canvas.RenderTransform>
</Canvas>
</Window>
这里的有关C#代码:
private void NewTaskTemplate_OnMouseRightButtonUp(object sender, MouseButtonEventArgs e)
{
Point position = e.GetPosition(Grid);
bool hasClickedOnTask = false;
if (App.ProjectPlan.Tasks != null)
{
var tasks = App.ProjectPlan.Tasks.DistinctBy(task => task.Position);
var selectedTasks =
tasks.Where(
(task =>
Math.Abs(task.Position.X - position.X + 10) < task.Title.Length*13 &&
Math.Abs(task.Position.Y - position.Y) < 20));
IEnumerable<Task> enumerable = selectedTasks as Task[] ?? selectedTasks.ToArray();
if (enumerable.Any())
{
_selectedTask = enumerable.Last();
hasClickedOnTask = true;
}
}
if (!hasClickedOnTask) return;
NewTaskContextMenu.IsOpen = true;
e.Handled = true;
SetGridSize();
}
Point _mStart;
Vector _mStartOffset;
private void SetGridSize()
{
Grid.Width += 250;
Grid.Height += 250;
Grid.UpdateLayout();
}
private void Grid_MouseDown(object sender, MouseButtonEventArgs e)
{
Grid.Cursor = Cursors.ScrollAll;
_mStart = e.GetPosition(Window);
_mStartOffset = new Vector(Tt.X, Tt.Y);
Grid.CaptureMouse();
}
private void Grid_MouseMove(object sender, MouseEventArgs e)
{
if (Grid.IsMouseCaptured)
{
Vector offset = Point.Subtract(e.GetPosition(Window), _mStart);
Tt.X = _mStartOffset.X + offset.X;
Tt.Y = _mStartOffset.Y + offset.Y;
SetGridSize();
}
}
private void Grid_MouseUp(object sender, MouseButtonEventArgs e)
{
Grid.ReleaseMouseCapture();
Grid.Cursor = Cursors.Arrow;
}
private void Grid_OnMouseWheel(object sender, MouseWheelEventArgs e)
{
Point position = e.GetPosition(Window);
ScaleTransform.CenterX = position.X;
ScaleTransform.CenterY = position.Y;
_gridZoom = _gridZoom + e.Delta/2400.00;
ScaleTransform.ScaleX = _gridZoom;
ScaleTransform.ScaleY = _gridZoom;
if (e.Delta > 0)
{
SetGridSize();
}
e.Handled = true;
}
画布是在开始的网格,但没有任何工作。它的工作原理是围绕画布移动,当然包括所有元素,但如果将它放在窗外,则不能再移动任何东西,因为画布不再存在。我如何解决这个问题,让用户觉得画布是无限的?
我尝试添加一个网格容器周围原有电网和火在容器上的事件,但仅改造内部网,但不幸的是,这并不解决问题,我不知道为什么。 .. – hardking
因此,您有一个视觉区域,它是潜在的无限逻辑区域的一部分,您希望将元素放置在逻辑区域上,并且想要以某种方式拖动它,以避免将逻辑区域的边缘拖入视觉区域? – grek40
我不确定我是否正确理解了你,但是如果我的答案是肯定的......网格应该可以无限拖曳到右侧或左侧,但是当拖到窗口的边界时,然后执行在中间右键单击显示网格刚刚完全移动到左侧或右侧,无法在此鼠标位置翻译 – hardking