From c3fc86815608eedd434516efaa647b5aac8bda05 Mon Sep 17 00:00:00 2001 From: ARCHI86 Date: Mon, 11 Nov 2024 18:07:11 +0300 Subject: [PATCH] =?UTF-8?q?=D1=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- AppShell.xaml | 2 +- ResizableCanvasPage.xaml.cs | 114 +++++++++++++++++++----------------- 2 files changed, 61 insertions(+), 55 deletions(-) diff --git a/AppShell.xaml b/AppShell.xaml index 96d0e53..ec82c4e 100644 --- a/AppShell.xaml +++ b/AppShell.xaml @@ -10,7 +10,7 @@ - + diff --git a/ResizableCanvasPage.xaml.cs b/ResizableCanvasPage.xaml.cs index f206d16..47c8f62 100644 --- a/ResizableCanvasPage.xaml.cs +++ b/ResizableCanvasPage.xaml.cs @@ -1,6 +1,5 @@ using Microsoft.Maui.Controls; using Microsoft.Maui.Graphics; -using Microsoft.Maui.Layouts; using System; namespace NotesDataAnalyst @@ -10,7 +9,6 @@ namespace NotesDataAnalyst private const double InitialWidth = 150; private const double InitialHeight = 100; private double startX, startY; - private bool isResizing; public ResizableCanvasPage() { @@ -27,103 +25,111 @@ namespace NotesDataAnalyst CornerRadius = 8, WidthRequest = InitialWidth, HeightRequest = InitialHeight, - Padding = 0, - HasShadow = true + Padding = 0, // + Content = new Grid() // Grid }; - var content = new Label + // + var content = new StackLayout { - Text = "Resizable Object", - HorizontalOptions = LayoutOptions.Center, - VerticalOptions = LayoutOptions.Center + BackgroundColor = Colors.LightBlue, + Children = + { + new Label { Text = "Resizable Object", HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center } + } }; - resizableFrame.Content = content; - - // var resizeHandle = new BoxView { BackgroundColor = Colors.Gray, WidthRequest = 20, - HeightRequest = 20, - HorizontalOptions = LayoutOptions.End, - VerticalOptions = LayoutOptions.End + HeightRequest = 20 }; - // AbsoluteLayout - var layout = new AbsoluteLayout(); - AbsoluteLayout.SetLayoutBounds(resizableFrame, new Rect(0, 0, InitialWidth, InitialHeight)); - layout.Children.Add(resizableFrame); + // Grid Frame + var grid = (Grid)resizableFrame.Content; - // - AbsoluteLayout.SetLayoutFlags(resizeHandle, AbsoluteLayoutFlags.PositionProportional); - AbsoluteLayout.SetLayoutBounds(resizeHandle, new Rect(1, 1, 20, 20)); - layout.Children.Add(resizeHandle); + // : + grid.ColumnDefinitions.Add(new ColumnDefinition { Width = GridLength.Star }); + grid.ColumnDefinitions.Add(new ColumnDefinition { Width = GridLength.Auto }); // + grid.RowDefinitions.Add(new RowDefinition { Height = GridLength.Star }); + grid.RowDefinitions.Add(new RowDefinition { Height = GridLength.Auto }); // - // + // ( 0, 0) + grid.Children.Add(content); // / + + // ( 1, 1) + grid.Children.Add(resizeHandle); // / + + // + Grid.SetRow(resizeHandle, 1); + Grid.SetColumn(resizeHandle, 1); + + // var panGesture = new PanGestureRecognizer(); - panGesture.PanUpdated += (s, e) => OnDragPanUpdated(s, e, layout); + panGesture.PanUpdated += (s, e) => OnDragPanUpdated(s, e, resizableFrame); resizableFrame.GestureRecognizers.Add(panGesture); - // + // var resizePanGesture = new PanGestureRecognizer(); - resizePanGesture.PanUpdated += (s, e) => OnResizePanUpdated(s, e, layout); + resizePanGesture.PanUpdated += (s, e) => OnResizePanUpdated(s, e, resizableFrame, resizeHandle); resizeHandle.GestureRecognizers.Add(resizePanGesture); - // - AbsoluteLayout.SetLayoutBounds(layout, new Rect(x, y, InitialWidth, InitialHeight)); - CanvasLayout.Children.Add(layout); + // + AbsoluteLayout.SetLayoutBounds(resizableFrame, new Rect(x, y, InitialWidth, InitialHeight)); + CanvasLayout.Children.Add(resizableFrame); + + // + UpdateResizeHandlePosition(resizableFrame, resizeHandle); } - // - private void OnDragPanUpdated(object sender, PanUpdatedEventArgs e, AbsoluteLayout layout) + private void OnDragPanUpdated(object sender, PanUpdatedEventArgs e, Frame frame) { - if (isResizing) return; - if (e.StatusType == GestureStatus.Started) { - startX = AbsoluteLayout.GetLayoutBounds(layout).X; - startY = AbsoluteLayout.GetLayoutBounds(layout).Y; + startX = AbsoluteLayout.GetLayoutBounds(frame).X; + startY = AbsoluteLayout.GetLayoutBounds(frame).Y; } else if (e.StatusType == GestureStatus.Running) { double x = startX + e.TotalX; double y = startY + e.TotalY; + AbsoluteLayout.SetLayoutBounds(frame, new Rect(x, y, frame.WidthRequest, frame.HeightRequest)); - // UI Dispatcher - Dispatcher.Dispatch(() => - { - AbsoluteLayout.SetLayoutBounds(layout, new Rect(x, y, layout.WidthRequest, layout.HeightRequest)); - }); + // + var resizeHandle = (BoxView)((Grid)frame.Content).Children[1]; + UpdateResizeHandlePosition(frame, resizeHandle); } } - // - private void OnResizePanUpdated(object sender, PanUpdatedEventArgs e, AbsoluteLayout layout) + private void OnResizePanUpdated(object sender, PanUpdatedEventArgs e, Frame frame, BoxView resizeHandle) { - isResizing = true; if (e.StatusType == GestureStatus.Started) { - startX = layout.WidthRequest; - startY = layout.HeightRequest; + startX = frame.WidthRequest; + startY = frame.HeightRequest; } else if (e.StatusType == GestureStatus.Running) { double newWidth = Math.Max(50, startX + e.TotalX); double newHeight = Math.Max(50, startY + e.TotalY); + frame.WidthRequest = newWidth; + frame.HeightRequest = newHeight; - Dispatcher.Dispatch(() => - { - layout.WidthRequest = newWidth; - layout.HeightRequest = newHeight; - }); - } - else if (e.StatusType == GestureStatus.Completed || e.StatusType == GestureStatus.Canceled) - { - isResizing = false; + // + UpdateResizeHandlePosition(frame, resizeHandle); } } + private void UpdateResizeHandlePosition(Frame frame, BoxView resizeHandle) + { + var frameBounds = AbsoluteLayout.GetLayoutBounds(frame); + double x = frameBounds.X + frame.WidthRequest - resizeHandle.WidthRequest; + double y = frameBounds.Y + frame.HeightRequest - resizeHandle.HeightRequest; + + AbsoluteLayout.SetLayoutBounds(resizeHandle, new Rect(x, y, resizeHandle.WidthRequest, resizeHandle.HeightRequest)); + } + protected override void OnAppearing() { base.OnAppearing();