[英]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;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.