当前位置： 首页 > news >正文

网站开发技术 主流长沙网站seo分析

news 2025/7/2 6:22:37
网站开发技术 主流,长沙网站seo分析,软件工程的就业方向,wordpress awesome图标目录 ​编辑 一、设计需求 二、实现代码 三、代码解析 四、总结 一、设计需求 抽屉效果是软件界面设计中的一种常用形式，可以以一种动态直观的方式在有限大小的界面上扩展出更多的功能。本例要求实现类似 QQ 抽屉效果。 二、实现代码 #include "dialog.…

目录

​编辑

一、设计需求

二、实现代码

三、代码解析

四、总结

一、设计需求

        抽屉效果是软件界面设计中的一种常用形式，可以以一种动态直观的方式在有限大小的界面上扩展出更多的功能。本例要求实现类似 QQ 抽屉效果。

二、实现代码

#include "dialog.h"
#include <QApplication>
#include "drawer.h"
int main(int argc, char *argv[])
{QApplication a(argc, argv);Drawer drawer;drawer.show();return a.exec();
}

#include <QToolBox>
#include <QToolButton>
class Drawer : public QToolBox
{Q_OBJECT
public:Drawer(QWidget *parent=0,Qt::WindowFlags f=0);
private:QToolButton *toolBtn1_1;QToolButton *toolBtn1_2;QToolButton *toolBtn1_3;QToolButton *toolBtn1_4;QToolButton *toolBtn1_5;QToolButton *toolBtn2_1;QToolButton *toolBtn2_2;QToolButton *toolBtn3_1;QToolButton *toolBtn3_2;
};
#include "drawer.h"
#include <QGroupBox>
#include <QVBoxLayout>Drawer::Drawer(QWidget *parent, Qt::WindowFlags f):QToolBox(parent,f)
{setWindowTitle(tr("My QQ"));                   //设置主窗体的标题//创建一个 QToolButton 类实例，分别对应于抽屉中的每一个按钮toolBtn1_1 =new QToolButton;//设置按钮的文字toolBtn1_1->setText(tr("张三"));//设置按钮的图标toolBtn1_1->setIcon(QPixmap("11.png"));//设置按钮的大小，本例将其设置为与图标的大小相同toolBtn1_1->setIconSize(QPixmap("11.png").size());//当鼠标离开时，按钮自动恢复为弹起状态toolBtn1_1->setAutoRaise(true);//设置按钮的ToolButtonStyle 属性//ToolButtonStyle 属性主要用来描述按钮的文字和图标的显示方式//Qt定义了五种ToolButtonStyle 类型，可以根据需要选择显示的方式，分别介绍如下//Qt::ToolButtonIconOnly：只显示图标//Qt::ToolButtonTextOnly：只显示文字//Qt::ToolButtonTextBesideIcon：文字显示在图标旁边//Qt::ToolButtonTextUnderIcon：文字显示在图标下面//Qt::ToolButtonFollowStyle：遵循 Style 标准toolBtn1_1->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);toolBtn1_2 =new QToolButton;toolBtn1_2->setText(tr("李四"));toolBtn1_2->setIcon(QPixmap("22.png"));toolBtn1_2->setIconSize(QPixmap("22.png").size());toolBtn1_2->setAutoRaise(true);toolBtn1_2->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);toolBtn1_3 =new QToolButton;toolBtn1_3->setText(tr("王五"));toolBtn1_3->setIcon(QPixmap("33.png"));toolBtn1_3->setIconSize(QPixmap("33.png").size());toolBtn1_3->setAutoRaise(true);toolBtn1_3->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);toolBtn1_4 =new QToolButton;toolBtn1_4->setText(tr("小赵"));toolBtn1_4->setIcon(QPixmap("44.png"));toolBtn1_4->setIconSize(QPixmap("44.png").size());toolBtn1_4->setAutoRaise(true);toolBtn1_4->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);toolBtn1_5 =new QToolButton;toolBtn1_5->setText(tr("小孙"));toolBtn1_5->setIcon(QPixmap("55.png"));toolBtn1_5->setIconSize(QPixmap("55.png").size());toolBtn1_5->setAutoRaise(true);toolBtn1_5->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);//创建一个 QGroupBox 类实例，在本例中对应每一个抽屉QGroupBox *groupBox1=new QGroupBox;QVBoxLayout *layout1=new QVBoxLayout(groupBox1);    //(groupBox1);layout1->setMargin(10);                             //布局中各窗体的显示间距layout1->setAlignment(Qt::AlignHCenter);            //布局中各窗体的显示位置layout1->addWidget(toolBtn1_1);layout1->addWidget(toolBtn1_2);layout1->addWidget(toolBtn1_3);layout1->addWidget(toolBtn1_4);layout1->addWidget(toolBtn1_5);//在按钮之后插入一个占位符，使得所有按钮能够靠上对齐，并且在整个抽屉大小发生改变时保证按钮的大小不发生变化layout1->addStretch();toolBtn2_1 =new QToolButton;toolBtn2_1->setText(tr("小王"));toolBtn2_1->setIcon(QPixmap("66.png"));toolBtn2_1->setIconSize(QPixmap("66.png").size());toolBtn2_1->setAutoRaise(true);toolBtn2_1->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);toolBtn2_2 =new QToolButton;toolBtn2_2->setText(tr("小张"));toolBtn2_2->setIcon(QPixmap("77.png"));toolBtn2_2->setIconSize(QPixmap("77.png").size());toolBtn2_2->setAutoRaise(true);toolBtn2_2->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);QGroupBox *groupBox2=new QGroupBox;QVBoxLayout *layout2=new QVBoxLayout(groupBox2);layout2->setMargin(10);layout2->setAlignment(Qt::AlignHCenter);layout2->addWidget(toolBtn2_1);layout2->addWidget(toolBtn2_2);toolBtn3_1 =new QToolButton;toolBtn3_1->setText(tr("小陈"));toolBtn3_1->setIcon(QPixmap("88.png"));toolBtn3_1->setIconSize(QPixmap("88.png").size());toolBtn3_1->setAutoRaise(true);toolBtn3_1->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);toolBtn3_2 =new QToolButton;toolBtn3_2->setText(tr("小李"));toolBtn3_2->setIcon(QPixmap("99.png"));toolBtn3_2->setIconSize(QPixmap("99.png").size());toolBtn3_2->setAutoRaise(true);toolBtn3_2->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);QGroupBox *groupBox3=new QGroupBox;QVBoxLayout *layout3=new QVBoxLayout(groupBox3);layout3->setMargin(10);layout3->setAlignment(Qt::AlignHCenter);layout3->addWidget(toolBtn3_1);layout3->addWidget(toolBtn3_2);//将准备好的抽屉插入ToolBox中this->addItem((QWidget*)groupBox1,tr("我的好友"));this->addItem((QWidget*)groupBox2,tr("陌生人"));this->addItem((QWidget*)groupBox3,tr("黑名单"));
}

效果展示：

三、代码解析

        本例代码较为清晰，参考注释即可。下面列出QPushButton和QToolButton的区别与联系。

QPushButtonQToolButton
样式传统按钮样式带有图标和文本的复合按钮
功能用于触发单个操作通常用于实现一个工具栏或下拉菜单中的一组相关操作
继承关系继承自 QAbstractButton 类继承自 QAbstractButton 类
文本和图标可设置文本和图标可设置文本和图标
快捷键支持设置快捷键支持设置快捷键
提示文本支持设置提示文本支持设置提示文本
信号提供 clicked() 信号提供 clicked() 信号
功能扩展可以通过继承自QPushButton类来扩展自定义功能可以通过继承自 QToolButton 类来扩展自定义功能
使用场景适用于一般按钮点击操作适用于工具栏、下拉菜单等需要展示图标和文本的场景

四、总结

        本例程序提供了一个实现QQ类似界面的思路，当然距离QQ界面还有一定的差距。

http://www.fp688.cn/news/162294.html

相关文章：

  • 设计开发网站引擎优化seo怎么做
  • c2c网站 多钱百度网盘app怎么打开链接
  • 根据百度地图做网站搜索引擎优化的要点
  • 如何做彩票网站的源码站长域名查询
  • 网页制作过程怎么写优化设计六年级上册语文答案
  • 北京 建设官方网站网站大全
  • 主体备案与网站备案百度公司怎么样
  • web网站开发详细代码无锡网站优化
  • 营销型网站建设公司哪家好开户推广竞价开户
  • 网站开发手机充值接口吉林百度seo公司
  • 做淘宝详情页的素材网站建站公司
  • 广州建站外贸今日短新闻20条
  • 免费建个网站郑州seo优化
  • 如何自制一个网站百度指数数据分析报告
  • 辉县网站建设求职简历东莞seo外包平台
  • wordpress 3.3.2 主题seo单页面优化
  • 上海网站建设搜q.479185700互联网广告
  • 做区域县城招聘网站官网站内推广内容
  • 用电脑怎么做原创视频网站企业培训课程名称
  • 成都 网站建设培训班身边的网络营销案例
  • 前段模板网站aso搜索优化
  • 建设银行网站注册用户网站宣传的方法有哪些
  • 龙口做网站价格百度网盘app下载安装电脑版
  • 规模以上工业企业奖励抖音seo软件
  • 国外做软件界面的设计网站营销方案策划书
  • 怎么做质量高的网站网络广告营销的特点
  • 深圳注册公司怎么注册电商网站seo
  • 专业的营销型网站建设公司推广策划书模板范文
  • 做音乐的网站网络营销培训
  • 网站做充值和提现百度竞价关键词价格查询