189 8069 5689

【Qt学习笔记】5.常规控件-创新互联

//——————————11.30——————————————

成都创新互联成立于2013年,先为茌平等服务建站,茌平等地企业,进行企业商务咨询服务。为茌平企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

//由于紧急情况需要恶补C#, Qt的学习暂时中断  (Π 。 Π)-~

——————————12.5——————————————---

回来了,继续更新

一、复选框(CheckBox)

操作函数:

bool isChecked() const;
void setChecked(bool);

信号:

void stateChanged(int state);

小练习:

做如下界面,并实现这样的逻辑:只有当复选框“我接受”被选中时,“继续”按钮才能被按下

【Qt学习笔记】5.常规控件

1.设置事件响应,初始化一系列窗体(是否可按 在 QWidget类中::enabled)

2.设置、获取CheckBox的值,判断它是否被选中

3.处理“下一步”按钮

Test5_1a_11_30::Test5_1a_11_30(QWidget *parent)
	: QMainWindow(parent)
{
	ui.setupUi(this);
	assert( 
		connect(ui.cbxAgree, 
			SIGNAL(clicked(bool)),
			this, 
			SLOT(OnBtnChecked()) )
		);		//这里的参数 刚开始学习一定要注意

}

int Test5_1a_11_30::OnBtnChecked()
{
	if (ui.cbxAgree->isChecked())
	{
		ui.pushButton->setEnabled(true);
	}
	else
	{
		ui.pushButton->setEnabled(false);
	}
	return 0;
}

二、单行文本框(QLineEdit)

小练习:

构造一个用户登陆界面,输入用户名、密码,点确定后检查用户名和密码的正确性。

【Qt学习笔记】5.常规控件

注意:密码文本框输入的内容不希望显示,因此需要设置一下 QLineEdit类中的echoMode属性

【Qt学习笔记】5.常规控件

Test5_2a_12_6::Test5_2a_12_6(QWidget *parent)
	: QMainWindow(parent)
{
	ui.setupUi(this);

	assert(
		connect(ui.btnOk, SIGNAL(clicked()), this, SLOT(OnBtnOk()))
		);

}

int Test5_2a_12_6::OnBtnOk()
{
	if ("admin" == ui.editUser->text() && "passwd" == ui.editPswd->text())
	{
		QMessageBox::information(this, "success", "next"); //提示框
	}
	else
	{
		QMessageBox::information(this, "error", "try again"); //提示框
	}
}

做一个改进:在密码输入完后,按下回车,等同于按下按钮:

Test5_2a_12_6::Test5_2a_12_6(QWidget *parent)
	: QMainWindow(parent)
{
	ui.setupUi(this);

	assert(
		connect(ui.btnOk, SIGNAL(clicked()), this, SLOT(OnBtnOk()))
		);

	assert(
		connect(ui.editPswd, SIGNAL(returnPressed()), this, SLOT(OnReturnPressed()))
		);

}

int Test5_2a_12_6::OnBtnOk()
{
	if ("admin" == ui.editUser->text() && "passwd" == ui.editPswd->text())
	{
		QMessageBox::information(this, "success", "next"); //提示框
	}
	else
	{
		QMessageBox::information(this, "error", "try again"); //提示框
	}
	
	return 0;
}

int Test5_2a_12_6::OnReturnPressed()
{
	OnBtnOk();
	return 0;
}

三、组合框(QComboBox)

组合框:

QComboBox是一个文本框和一个下拉列表的组合。

用户从下拉列表里选择一个值,被选择的值显示在文本框中。

组合框的初始化:

方式1:用Qt Designer,双击QComboBox控件,可视化操作

方式2:手动初始化,在构造函数中,用addItm()方法

设置关联数据:

在使用QComboBox时,text是显示给用户看的,而程序内部往往使用的是其关联数据。

itemData()  :  取得关联数据

setItemData() : 设置关联数据

示例:

Test5_3a_12_6::Test5_3a_12_6(QWidget *parent)
	: QMainWindow(parent)
{
	ui.setupUi(this);
	//添加,设置关联
	ui.comboBox->addItem("English", "en");
	ui.comboBox->addItem("Chinese", "ch");
	ui.comboBox->addItem("Japanese", "jp");
	ui.comboBox->addItem("Germany", "gr");

	assert(
		connect(ui.pushButton, SIGNAL(clicked()), this, SLOT(OnBtnOk()))
		);

}

int Test5_3a_12_6::OnBtnOk()
{
	int index = ui.comboBox->currentIndex();
	QString data = ui.comboBox->itemData(index).toString();
	QString text = ui.comboBox->itemText(index);
	QMessageBox::information(this, "data", data);
	QMessageBox::information(this, "text", text);
	return 0;
}

四、工具按钮(QToolButton)

Qt提供了两种按钮控件:

QPushButton : 普通按钮

QToolButton : 工具按钮

有共同的基类:QAbstractButton

QToolButton有两个属性:

1、text文本

2、icon图标

关于icon图标:

1、图标最好是 *.png格式,因为背景透明

2、图标资源由 *.qrc文件定义,最终会被编入可执行程序中

下载后的icon图标放到目录下的 Resources路径

(icon图标在编译后,内容会被写入 *.qrc文件中,就在项目的根路径下)

设置:

【Qt学习笔记】5.常规控件

(PS:就是更漂亮的按钮  (●ˇˇ●))

使用方法:

1、将icon图标添加到Recources路径

2、在QT Disigner中的资源浏览器中添加

【Qt学习笔记】5.常规控件 3、在QToolButton控件的icon属性中,选择刚刚添加的icon图标

4、可以在toolButtonStyle中设置图标和文本的显示方式

【Qt学习笔记】5.常规控件

接着再介绍几个常用的QToolButton的属性

autoRaise浮动按钮:

可以把QToolButton设置成浮动的样式,我认为更好看喔

checkable可选择模式:

把按钮设置成 “按下/弹起”工作模式

五、QLabel显示文字和图片

1、背景色、前景色

2、字体及大小

3、对齐方式

4、是否换行

5、设置边框

此外,QLabel还能用来显示图片,通常显示一个Logo也是极好的.

使用入下:

【Qt学习笔记】5.常规控件

____________________________________________

尾巴

这里介绍了几个控件,每个控件都有大量的属性和方法,以及对应的事件。而我们不可能将它们完全记住,因此在开发的过程中,查阅文档挺重要的

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网页名称:【Qt学习笔记】5.常规控件-创新互联
分享URL:http://cdxtjz.cn/article/cdgghi.html

其他资讯