繁体   English   中英

MAUI 在按钮单击后运行时在 canvas 上画线

[英]MAUI Draw line on canvas during runtime after button click

单击按钮后,我想在 GraphicsView 中绘制一条新线。 这将在启动时画线,但我想重画当前线,或者最好在视图中添加另一条线。

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:controls="clr-namespace:CoachesToolbox.Controls"
             xmlns:viewmodel="clr-namespace:CoachesToolbox.ViewModel"
             xmlns:mct="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
             xmlns:drawable="clr-namespace:CoachesToolbox.Models"
             x:DataType="viewmodel:MainViewModel"
             x:Class="CoachesToolbox.Views.MainPage"
             Title="CoachesToolBox demos"
             >
    <ContentPage.Resources>
        <drawable:Drawable x:Key="MyDrawable" />

    </ContentPage.Resources>
<GraphicsView x:Name="Canvas"
                          HorizontalOptions="Fill"
                          VerticalOptions="Fill"
                          Drawable="{StaticResource MyDrawable}"
                          Grid.Column="1"
                          Grid.Row="0"
                          BackgroundColor="Transparent"/>
namespace CoachesToolbox.Models
{
    public class Drawable : IDrawable
    {
        public void Draw(ICanvas canvas, RectF dirtyRect)
        {
            canvas.StrokeColor = Colors.Red;
            canvas.StrokeSize = 5;
            canvas.DrawLine(10, 10, 90, 100);
        }
    }
}

这是一个很好的解决方案的链接。 https://youtu.be/SH8oQZp0oF0

不幸的是,在 canvas 上绘图并不能那样工作。 你不能在 canvas 上“添加”一些东西。 它只是画出你告诉它画的东西。

您可以在每次单击按钮时增加一个int并使用for loop来绘制每条线。

删除 Canvas 上的属性 Drawable。 // 去测试。

将 x:name="NAMED_RESOURCE" 添加到 ContentPage.Resource 中的资源声明

添加带有单击事件的按钮。

<Button 
    Text="Add Drawing"
    Clicked="Button_Clicked" 
    VerticalOptions="Start"
    HorizontalOptions="Center"></Button>

private void Button_Clicked(object sender, EventArgs e)
{
    Canvas.Drawable = NAME_RESOURCE;
}
①如果本文未解决您的问题,请点击查看与本文相关的问题
②如果本文未解决您的问题,请向程序员专用AI小助手提问
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM