首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >AvaloniaUI -如何在画布上直接绘图

AvaloniaUI -如何在画布上直接绘图
EN

Stack Overflow用户
提问于 2021-01-20 08:30:31
回答 1查看 3.7K关注 0票数 3

在GDI+中,可以直接在画布上绘图(创建内存中的位图,并在那里做任何需要做的事情)。

对于“自定义控件”,我需要同样的Avalonia,并且我被告知,这是可能的,因为访问是SkiaSharp.Canvas可用的。有人能给出一些如何做这件事的线索吗?

一个例子是一个连续变化的曲线,例如,语音频率。如果不直接在画布上(或在Xaml世界中命名的任何名称)上这样做,它太慢,占用太多的资源,特别是在一个屏幕上需要10到20个这样的资源时。

我有GDI+、JavaFX、QML方面的背景,但我在Xaml-land方面还是个新手。我已经阅读了完整的Avalonia文档,但没有看到这方面的内容。据我所知,在Avalonia项目的这一阶段,其他优先事项已经到位。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-01-21 05:00:41

我把评论中提到的“LineBoundsDemoControl”从“RenderDemo”中拿出来,作为我问题的答案。

实际绘图发生在'drawingContext‘上的'Render’方法中。它看起来很像GDI+用钢笔和刷子。

如果您是Avalonia/xaml的新手,像我一样,包含“AffectsRender”的静态构造函数可能是最奇怪的。根据Avalonia源代码,此方法表明属性更改应导致控件的无效(重绘)。一直在学习。

应该在控件的静态构造函数中调用此方法,控件上的每个属性都会导致重绘。这与WPF的FrameworkPropertyMetadata.AffectsRender标志类似。

代码语言:javascript
运行
复制
using System;
using Avalonia;
using Avalonia.Controls;
using Avalonia.Media;
using Avalonia.Rendering.SceneGraph;
using Avalonia.Threading;

namespace RenderDemo.Controls
{
    public class LineBoundsDemoControl : Control
    {
        static LineBoundsDemoControl()
        {
            AffectsRender<LineBoundsDemoControl>(AngleProperty);
        }

        public LineBoundsDemoControl()
        {
            var timer = new DispatcherTimer();
            timer.Interval = TimeSpan.FromSeconds(1 / 60.0);
            timer.Tick += (sender, e) => Angle += Math.PI / 360;
            timer.Start();
        }

        public static readonly StyledProperty<double> AngleProperty =
            AvaloniaProperty.Register<LineBoundsDemoControl, double>(nameof(Angle));        

        public double Angle
        {
            get => GetValue(AngleProperty);
            set => SetValue(AngleProperty, value);
        }

        public override void Render(DrawingContext drawingContext)
        {
            var lineLength = Math.Sqrt((100 * 100) + (100 * 100));

            var diffX = LineBoundsHelper.CalculateAdjSide(Angle, lineLength);
            var diffY = LineBoundsHelper.CalculateOppSide(Angle, lineLength);


            var p1 = new Point(200, 200);
            var p2 = new Point(p1.X + diffX, p1.Y + diffY);

            var pen = new Pen(Brushes.Green, 20, lineCap: PenLineCap.Square);
            var boundPen = new Pen(Brushes.Black);

            drawingContext.DrawLine(pen, p1, p2);

            drawingContext.DrawRectangle(boundPen, LineBoundsHelper.CalculateBounds(p1, p2, pen));
        }
    }
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65805714

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档