QT串口工具(2)

参考QT的示例里的Examples/Qt-5.5/widgets/tutorials/gettingStarted/gsQt/part3,其中没有用UI设计文件，直接使用Layout。其具体实现为：

class Notepad : public QWidget

{

    Q_OBJECT

public:

    Notepad();

private slots:

    void quit();

private:

    QTextEdit *textEdit;

    QPushButton *quitButton;

};

Notepad::Notepad()

{

    textEdit = new QTextEdit;

    quitButton = new QPushButton(tr("Quit"));

    connect(quitButton, SIGNAL(clicked()), this, SLOT(quit()));

    QVBoxLayout *layout = new QVBoxLayout;//创建一个纵向布局

    layout->addWidget(textEdit);//将QTextEdit控件天骄到布局当中

    layout->addWidget(quitButton);//将QPushButton控件天骄到布局当中

    setLayout(layout);//窗口使用此布局

    setWindowTitle(tr("Notepad"));

}

我的界面设计当中使用了以下的控件及布局：

//layout com data

    QTextEdit *com_data_edit;//串口接收到的数据在此显示

    QVBoxLayout *layout_com_data;//com_data_edit放到此布局当中

//layout file data

    QPushButton *open_file_btn;

    QPushButton *send_file_btn;

    QPushButton *save_data_btn;

    QPushButton *clear_data_btn;

    QLineEdit *file_name_edit;//选择的文件路径在此显示

    QCheckBox *hex_check_box;//接收到的数据HEX显示

    QHBoxLayout *layout_file_data;//以上6个空间放在横向布局中

//layout port

    QLabel *port_label;

    QLabel *baudrate_label;

    QLabel *data_bits_label;

    QLabel *stop_bit_label;

    QLabel *parity_bit_label;

    QLabel *flow_control_label;

    QComboBox *port_combo_box;//串口列表

    QComboBox *baudrate_combo_box;//波特率列表

    QComboBox *data_bits_combo_box;//数据位列表

    QComboBox *stop_bit_combo_box;//停止位列表

    QComboBox *parity_bit_combo_box;//校验位列表

    QComboBox *flow_control_combo_box;//流控制列表

    QPushButton *open_com_btn;//打开串口按键

    QHBoxLayout *layout_port;//以上13个控件放在此横向布局中

//layout para checkbox

    QCheckBox *dtr_check_box;//dtr使能

    QCheckBox *rts_check_box;//rts使能

    QCheckBox *regularly_send_check_box;//定时发送

    QCheckBox *hex_send_check_box;//HEX发送

    QCheckBox *extend_func_check_box;//扩展功能

    QLineEdit *time_edit;//定时发送时间

    QLabel *regularily_send_label;

    QPushButton *send_data_btn;//发送按键

    QPushButton *help_btn;

    QHBoxLayout *layout_para_check_box;//以上9个控件放在此横向布局中

//layout send

    QTextEdit *send_data_edit;//发送数据的编辑框

    QVBoxLayout *layout_send_data_text;//放在此布局中

    QVBoxLayout *layout_total;//以上的布局放在此纵向布局中，并将此布局设置为窗口布局

在界面规划中，如果QLineEdit控件不想随着窗口大小的变化而变化（比如鼠标拖动），可以通过调用 setMinimumWidth及setMaximumWidth来控制。在我的布局中：

    layout_total->addLayout(layout_com_data);

    layout_total->addLayout(layout_file_data);

    layout_total->addLayout(layout_port);

    layout_total->addLayout(layout_para_check_box);

    layout_total->addLayout(layout_send_data_text);

    layout_total->setAlignment(layout_file_data, Qt::AlignLeft);

    layout_total->setAlignment(layout_port, Qt::AlignLeft);

    layout_total->setAlignment(layout_para_check_box, Qt::AlignLeft);

    layout_total->setAlignment(layout_send_data_text, Qt::AlignLeft);

    setLayout(layout_total);

通过调用setAlignment，可以设置布局里的子布局的对齐方式，在窗口大小改变时（比如鼠标拖动），改变的效果不同，在此我设置的是左对齐。