如何在QT中设计具有自定义形状的按钮

Question

我试图在Qt中设计一系列带箭头形状的自定义按钮，但我找不到方法。我需要一些类似于下一张图片中可以看到的按钮，以便管理我的程序的工作流程并引导用户完成它。 图像的文本应为＆＃34;步骤1＆＃34;，＆＃34;步骤2＆＃34;和＆＃34;步骤3＆＃34;。抱歉这个错误。 欢迎任何帮助或建议。 谢谢你的帮助。

Answer 1

头文件：

var noflo  = require("noflo");
var graph = noflo.graph.createGraph("PrintValueGraph");
graph.addNode("output", "Print");
graph.addInitial(100,"output","in");
var network = noflo.createNetwork(graph);

cpp文件：

我用按钮颜色填充颜色列表。

public:

void paintEvent(QPaintEvent* event); //--> drawing triangles
void createPushButtons(); 
const static int firstButtonX = 0; //--> topleft corner x value of first button 
const static int firstButtonY = 0; //--> topleft corner y value of first button 
const static int buttonWidth = 50;
const static int buttonHeight = 30;
const static int triangleWidth = 30;
QList<QColor> colors; //--> button colors

并调用colors.append(Qt::red); colors.append(Qt::blue); colors.append(Qt::yellow); 函数创建pushButtons。

createPushButtons();

结果是

Answer 2

如果您不想自己完成所有绘画，可以使用三个普通QPushButtons和setIcon()来包含三个部分的自定义图形切割，同时将flat属性设置为真。

可能需要将它们分组到父窗口小部件中以控制它们的位置和大小，具体取决于您的布局。