Leetcode本地阅读器开发－－01界面设计一

返回项目声明及目录：Leetcode本地阅读器开发－－总声明

整个界面设计如下：后续可能会不断优化和加入新功能

１.启动后界面

２.进行具体题目搜索

３.进行分类搜索

本节主要介绍程序界面的绘制：

１、选择建立的项目类型

　　项目类型为Ｗidgets Application，其中有三个具体的窗口模式：ＱＷidget、QDialog、和QMainWindow。

　　ＱMainWindow主要用于建立需要使用菜单栏，工具栏的应用。

　　ＱＷidget主要用于建立一般的，标准的窗口。

　　ＱDialog主要用于建立功能简单的对话框。

　　这三个类的继承关系为ＱWidget是另外两个的基类，另外两个均是ＱWidget的并排一级继承类。

　　在这里，我们选择建立基类为ＱＷidget的项目。

２、图形界面的布局

　　1.首先设置整个窗口的属性：[将其添加进项目Ｗidget.cpp的构造函数里]

    this->setWindowTitle("LeetcodeReader");　　//窗口标题
    this->setMaximumSize(1400,600);　　　　　　　//窗口最大尺寸
    this->setMinimumSize(1400,600);　　　　　　　//窗口最小尺寸
    this->move(50,50);　　　　　　　　　　　　　　 //窗口显示位置
    this->setStyleSheet("background:white");　 //窗口背景颜色

　　２.界面要素：

　　

　　左边第一行文本输入和按钮curr dir：显示当前工作目录和确认按钮，如果需要修改在此处进行修改，否则无需操作。

　　左边第二行文本输入和按钮que num：输入要搜索的题目名称或编号，按下que num按钮进行搜索。

　　左边第三行是一个分类检索，可以在此查阅某一类题目。

　　左边最下面是题目列表，显示搜索到的所有题目名称，以便进行详细搜索。

　　中间为题目查阅，显示题目描述和测试样例。

　　右边为解题思路和代码。

更新优化：

　　１.