问题标签 [custom-painting]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1807 浏览

flutter - 如何在 Row 小部件中定位 CustomPaint?

我是新来的颤振。我想连续放置一个进度条(用custompainter制作),但我不知道该怎么做。我希望行的所有元素都对齐,垂直居中并且它们之间具有相同的空间。

在此处输入图像描述

我的代码是:

和 :

0 投票
1 回答
54 浏览

java - 如何在 java jFrame 中添加动态图像和文本?

我有一个类似于标签 html5 的选框,文本从右到左水平移动,完美无误。

但现在我希望能够在运动中添加或组合文本和图像。

我如何调用图像(img/img.png)以便它们可以在运动中可视化?

0 投票
0 回答
89 浏览

animation - 在颤动中使用drawRRect的动画

Flutter- Animation在自定义画家中使用圆角矩形方法

我正在尝试在自定义画家中创建动画,同时使用圆角矩形方法绘制矩形,我不知道动画

0 投票
1 回答
128 浏览

java - 无法画线(方法:paintComponent) - Java

我试图在 a 中画一条线JFrame,但没有画线。

我尝试使用该方法setOpaque(true)contentPanelblNewLabel没有l任何改变。我也试过repaint();在这堂课外打电话,但情况还是一样。这是代码:

我希望在 JFrame 的左上角,背景墙纸上方有一条小线,但什么也没有发生。它只显示壁纸。

0 投票
1 回答
1459 浏览

image - 如何从使用 CustomPainter 绘制的画布中获取图像?

在我的 Flutter 应用程序中,我使用CustomPainter来允许用户在屏幕上绘制他们的签名。我需要找到一种方法将其保存为图像。

当您能够PictureRecorder按照之前的 StackOverflow 答案将对象传递到画布时, PictureRecorder可以很好地工作:

然而,当使用CustomPainter画布时是Paint()函数的一个参数。

总而言之:

如何从 CustomPainter 生成图像?
如果答案是使用 PictureRecorder,我怎样才能将记录器传递给画布?

0 投票
2 回答
795 浏览

java - 如何输出用户选择的形状和颜色,其位置和尺寸取决于用户点击的坐标位置

作为一个更大项目的一部分,我正在尝试创建一个基本 UI,允许用户单击 JButton 以选择所需的颜色,然后允许该用户单击另一个 JButton 以指定要显示的形状,根据填充之前选择的颜色。我明白我必须利用动作事件。

请注意我引用了这个类似的问题:

允许用户选择图形的形状和颜色的 GUI 应用程序

到目前为止,我的代码是:

}

到目前为止,我已经实现了一个输出,它显示了所选颜色以及要以所选颜色呈现的所选形状。

此外,我已经成功地输出了一个形状,其位置是硬编码的,但其类型(圆形或正方形)和颜色(红色、蓝色或绿色)在用户点击后正确输出。

我正在努力的最后一个阶段是形状输出的实现,以便用户的点击序列确定形状输出到屏幕的位置和尺寸。

目标是实现此处演示的功能:

https://metrostate.learn.minnstate.edu/content/2020/4560296-20201000539/ICS372%​​20-%20Assignment%202%20Video.mp4?d2lSessionVal=ARifwbCHriCBrkgxBWpL9g8fL&ou=4560296

我比较确定正确的解决方案类似于以下代码:

我知道我必须重写“paint”方法,并且作为硬编码练习,我在代码中包含了以下内容:

我不确定如何记录用户按钮单击的坐标,然后将这些坐标传递给所需形状的构造函数。

0 投票
1 回答
1736 浏览

canvas - 每帧都调用 Flutter 回调

我正在学习自定义绘画,并且我知道我可以告诉颤振何时重新绘制画布。但是如果我正在开发一款游戏,我认为如果我在每一帧都被调用,那么事情会变得更顺利,这样我就可以更新游戏板上的任何状态,然后进行绘画。这可能吗?

我在想我总是可以从 shouldRepaint() 中返回 true。无论如何都会为每一帧调用我的绘画方法(即每秒60次)?

我也知道有一个飞镖计时器,但我认为它不会与帧同步,所以除非我想要更慢的更新,否则这似乎不是要走的路。

我知道那里有游戏引擎——我的目标是更好地理解颤振,所以我试图自己做一些事情来更好地理解它。

0 投票
1 回答
365 浏览

java - 使用多线程更新 GUI

我正在学习使用 java 线程,所以我决定制作一个简单的弹跳球程序。但是,程序显示了多个线程,但只有一个利用了窗口大小,其他球被限制在一个区域。

我尝试为每个球的 JPanel 和不同的布局设置大小,但这些布局不起作用。

弹跳球.java

Ball.java

程序运行的照片

在此处输入图像描述

它应该利用整个窗口显示所有在框架周围弹跳的球。

0 投票
1 回答
1033 浏览

canvas - Flutter 识别圆环图中的触摸事件

在此处输入图像描述

我有像上图一样绘制圆环图的自定义画家。

我在用

canvas.drawArc(Rect.fromCircle(center: center, radius: radius), startRadian, radians[i], true, paint);

画这个。

有没有可能的方法来检测这些弧中的任何一个触摸事件?

如果它是一个Rect 我可以使用rect.contains(offset),但这里都是弧形。

注意:我可以通过将自定义画家包装在GestureDetector中来访问触摸坐标,我想要的只是区分此 Arc 中的任何触摸并相应地突出显示它们。

0 投票
5 回答
4446 浏览

flutter - 如何使用 GestureDetect 在 Flutter 中点击 CustomPaint 路径?

我对颤动非常陌生,正在尝试弄清楚如何在 CustomPaint 路径上检测到手势。由于某种原因,我可以点击许多其他东西,但不能点击路径......我如何让它工作?到目前为止,我的代码如下。

我用 GestureDetector 尝试了下面的代码段,但它不起作用。我尝试了一个侦听器,但对 onPointerDown 没有响应,仅针对 onPointerMove,但我需要一个点击动作,而不是移动动作。

我只想点击一个键并得到响应,最终会发出声音,但现在,我只是想弄清楚如何让 onTap 工作。