计算器程序界面分析

计算器程序界面分析_第1张图片

 

 

QLineEdit组件

QLineEdit用于接受用户输入
QLineEdit能够获取用户输入的字符串
QLineEdit是功能性组件,需要父组件作为容器
QLineEdit能够在父组件中进行定位

QWidget w;  //生成QWidget对象,顶级组件
QLineEdit le(&w); //生成QLineEdit对象,其父组件为QWidget
le.setAlignment(Qt::AlignRight); // 设置显示的字符串向右边对齐
le.move(10,10)  //移动到坐标(10,10)
le.resize(240,30); //设置width=240; height=30

设计与实现
界面设计
——定义组件间的间隔
  .Space = 10px
——定义按钮组件的大小
  .Width = 40px, Height = 40px
——定义文本框组件的大小
  .Width = 5 * 40px + 4 * 10px,
  .Height = 30px

计算器程序界面分析_第2张图片

 

 

 计算器界面的实现

#include 
#include 
#include 
#include 

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QWidget* w = new QWidget();
    QLineEdit* le = new QLineEdit(w);
    QPushButton* button[20] = {0}; //定义一个指针数组
    const char* btnText[20] =
    {
        "7", "8", "9", "+", "(",
        "4", "5", "6", "-", ")",
        "1", "2", "3", "*", "<-",
        "0", ".", "=", "/", "C",
    };
    int ret = 0;

    le->move(10,10);
    le->resize(240,30);

    /*从计算器界面可以看出,按钮的排列实际上是一个二维数组,但是我们只定义了一个长度为20的一维数组,问题:如何用一维数组
    将二维数组表现出来,只需要找到下标的对应关系即可。*/
    for(int i=0; i<4; i++)
    {
        for(int j=0; j<5; j++)
        {
            button[i*5 + j] = new QPushButton(w);
            button[i*5 + j]->move(10 + (10 + 40)*j, 50 + (10 + 40)*i);
            button[i*5 + j]->resize(40,40);
            button[i*5 + j]->setText(btnText[i*5 + j]);
        }
    }

    w->show();

    ret = a.exec();

    delete w;

    return ret;
}

运行如下:

计算器程序界面分析_第3张图片

存在的问题
——计算器程序不需要最大化和最小化按钮
——计算器程序的窗口应该是固定大小
——文本框不能直接输入字符

计算器界面优化

#include 
#include 
#include 
#include 

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QWidget* w = new QWidget(NULL,Qt::WindowCloseButtonHint); //将窗口中的最大化和最小化去掉
    QLineEdit* le = new QLineEdit(w);
    QPushButton* button[20] = {0}; //定义一个指针数组
    const char* btnText[20] =
    {
        "7", "8", "9", "+", "(",
        "4", "5", "6", "-", ")",
        "1", "2", "3", "*", "<-",
        "0", ".", "=", "/", "C",
    };
    int ret = 0;

    le->move(10,10);
    le->resize(240,30);
    le->setReadOnly(true);  //使QLineEdit只读

    /*从计算器界面可以看出,按钮的排列实际上是一个二维数组,但是我们只定义了一个长度为20的一维数组,问题:如何用一维数组
    将二维数组表现出来,只需要找到下标的对应关系即可。*/
    for(int i=0; i<4; i++)
    {
        for(int j=0; j<5; j++)
        {
            button[i*5 + j] = new QPushButton(w);
            button[i*5 + j]->move(10 + (10 + 40)*j, 50 + (10 + 40)*i);
            button[i*5 + j]->resize(40,40);
            button[i*5 + j]->setText(btnText[i*5 + j]);
        }
    }

    w->show();
    w->setFixedSize(w->width(),w->height()); //固定窗口的大小

    ret = a.exec();

    delete w;

    return ret;
}

计算器程序界面分析_第4张图片

 

 

 

 
#include
#include
#include
#include
 
 
intmain(intargc,char*argv[])
{
QApplicationa(argc,argv);
QWidget*w=newQWidget(NULL,Qt::WindowCloseButtonHint);//将窗口中的最大化和最小化去掉
QLineEdit*le=newQLineEdit(w);
QPushButton*button[20]={0};//定义一个指针数组
constchar*btnText[20]=
{
"7","8","9","+","(",
"4","5","6","-",")",
"1","2","3","*","<-",
"0",".","=","/","C",
};
intret=0;
 
 
le->move(10,10);
le->resize(240,30);
le->setReadOnly(true);//使QLineEdit只读
 
 
/*从计算器界面可以看出,按钮的排列实际上是一个二维数组,但是我们只定义了一个长度为20的一维数组,问题:如何用一维数组
将二维数组表现出来,只需要找到下标的对应关系即可。*/
for(inti=0;i<4;i++)
{
for(intj=0;j<5;j++)
{
button[i*5+j]=newQPushButton(w);
button[i*5+j]->move(10+(10+40)*j,50+(10+40)*i);
button[i*5+j]->resize(40,40);
button[i*5+j]->setText(btnText[i*5+j]);
}
}
 
 
w->show();
w->setFixedSize(w->width(),w->height());//固定窗口的大小
 
 
ret=a.exec();
 
 
deletew;
 
 
returnret;
}
 

你可能感兴趣的:(计算器程序界面分析)