Как создать сетку в Qt с цветами?

Question

Я хочу сделать что-то очень похожее на это изображение в Qt, где я могу щелкнуть по любому квадрату и изменить его цвет.

Answer 1

Это довольно просто сделать это с помощью QML. Посмотрите на код ниже:

import QtQuick 2.1 
import QtQuick.Window 2.0 

Window { 
    id: root 
    visible: true 
    width: 360 
    height: 500 
    Column{ 
     Repeater{ 
      model: getRowsNumber(root.height) 
      delegate: Row{ 
       property int externalIdx: index 
       Repeater{ 
        model: getColumnsNumber(root.width) 
        delegate: Rectangle{ 
         property bool selected: false 
         property color originalColor: (index + externalIdx) % 2 == 0 ? "black" : "white" 

         width:20 
         height: 20 
         color: selected ? "red" : originalColor 
         border.width: 1 
         border.color: "black" 
         MouseArea{ 
          anchors.fill: parent 
          onClicked: parent.selected = !parent.selected 
         } 
        } 
       } 
      } 
     } 
    } 

    function getColumnsNumber(width){ 
     return width/20; 
    } 
    function getRowsNumber(height){ 
     return height/20; 
    } 
} 

Это все, что вам нужно иметь прямоугольную шахматы, как сетка, где каждая клетка меняет свой цвет при нажатии на. Конечно, вам нужно будет адаптировать его к вашим потребностям, но этого должно быть достаточно для начала.