舒尔特表是一种训练注意力的表格,表格内容是打乱顺序的自然数序列,练习时,需要按照顺序从最小数点到最大数,用时越少越好。下面说明如何以QML/javascript为主要编程语言来构建这么一个小程序。
首先创建一个Qt Quick项目,构建套件选择两个,一个是Windows平台的,一个是android平台的,日后可以在android手机上玩儿,而且在Windows平台上调试比较方便。项目自动生成了两个代码文件,一个是main.cpp,一个是main.qml.前者不用修改,我们不去关注,后者是程序运行的主要框架代码文件,见下面的清单。
import QtQuick 2.3
import QtQuick.Window 2.2
import QtQuick.Controls 1.4
import "qrc:///schulteGrid.js" as SchulteGrid
Window {
id:screen
visible: true
SystemPalette { id: activePalette }
Rectangle{
id:toolbar
width:parent.width
height:30
color:activePalette.window
anchors.bottom: screen.bottom
Button{
id:button
anchors{
left:parent.left
verticalCenter: parent.verticalCenter
}
text:"开始"
onClicked: {
SchulteGrid.setCurrentIndex(1);
globalVar.rank = rank.value;
SchulteGrid.createGrid(globalVar.rank);
globalVar.seconds = 0;
timer.running = true;
}
}
SpinBox
{
id:rank
minimumValue: 3
maximumValue: 9
anchors{
left: button.right
verticalCenter: parent.verticalCenter