补充:部分控件

本文详细介绍了Qt中各种控件的使用方法,包括文本显示、按钮、输入框、下拉菜单、复选框、单选按钮、多行编辑器、只读浏览器、分组框、滑块、数字输入框等,并提供了如何在多窗口环境中布局和样式设置的实例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.补充

对于一些控件的补充:

#include<QApplication>
//常用控件
#include<QLabel>       //display static text or image
#include<QPushButton>
#include<QLineEdit>   //single line

#include<QComboBox>//下拉框
#include<QCheckBox>//单选框
#include<QRadioButton>//圆点按钮(radio)
#include<QTextEdit> //multi lines,rich text
#include<QTextBrowser>//only read
#include<QGroupBox>  //分类框
#include<QSlider>    //(进度条)
#include<QSpinBox>   //数字
//时间控件
#include<QTimeEdit>//时间表格
#include<QDateEdit>//日期表
#include<QDateTimeEdit>//时间日期
#include<QTabWidget>//不算控件
#include<QVBoxLayout>//
#include<QCompleter>//设置提示栏
#include<QHBoxLayout>

使用方法:
如果在多窗口的情况下,先设置一个主窗口(使用QVBoxLayout建立主窗口对象,然后在主窗口中使用lay->addWidget加入控件),最后直接对主窗口进行处理

 

MyWidget::MyWidget(QWidget *parent) : QWidget(parent)
{
    QVBoxLayout*lay=new QVBoxLayout(this);
    QLabel* label;
    QComboBox* combo;
    QPushButton* button1;
    QRadioButton*rbutton1;
    QTextEdit*edit;
    QGroupBox*group;
    QSlider*slider;
    QSpinBox*spinBox;

    //label支持HTML模式
    lay->addWidget(label=new QLabel("<h1>lable</h1>"));//create a new widget
    //label->setPixmap(QPixmap);构造图形
    //Button 设置需要使用CSS风格
    lay->addWidget(button1=new QPushButton("Button"));
    button1->setStyleSheet("QPushButton{font:bold 16px;color:red}");//css style
    //RadioButton
    lay->addWidget(rbutton1=new QRadioButton("Radio"));
    rbutton1->setStyleSheet("QRadioButton{font:bold 16px;color:blue}");//html格式设置

    lay->addWidget(new QCheckBox("check box"));

    lay->addWidget(combo=new QComboBox());//下拉框
    combo->addItem("select item1");
    combo->addItem("select item2");
    combo->setEditable(true);//设置下拉框
    combo->setCompleter(new QCompleter(QStringList()<<"new word1"<<"new word2"));
    //html格式 爆炸了
    lay->addWidget(edit=new QTextEdit);
    edit->setText("<table border=1><tr><th>head1</th><th>head2</th></tr>"
                  "<tr><td>value1</td><td>value2</td></tr>"

                  "<tr><td>value3</td><td>value4</td></tr>"
                  "</table>");

    lay->addWidget(group=new QGroupBox);
    QHBoxLayout*hBoxLay;
    group->setLayout(hBoxLay=new QHBoxLayout);
    hBoxLay->addWidget(new QLabel("widget1"));
    hBoxLay->addWidget(new QLabel("widget2"));

    lay->addWidget(slider=new QSlider(Qt::Horizontal));
    //
    slider->setMaximum(100);
    slider->setMinimum(0);
    lay->addWidget(spinBox=new QSpinBox);
    //spinBox和Slider的控件类似 区别在于显示的方法不同
    spinBox->setMaximum(100);
    spinBox->setMinimum(0);
    lay->addWidget(new QDateTimeEdit);
}
//basic frame
int main(int argc,char**argv)
{
    QApplication app(argc,argv);
    //建立主窗口
    MyWidget w;
    w.show();
    return app.exec();
}

注:对于每一个控件先建立相应的对象

QLabel* label;
lay->addWidget(label=new QLabel("<h1>lable</h1>"));//create a new widget

然后对于相应的对象进行处理

lable->    //使用相应函数,自定义控件

注:

由于一个成熟的软件需要很多控件之间相互使用,在注意控件空间位置的同时 注意代码的规范性,区域化代码的使用

引用和对象的创建一般在头文件中使用

 

 

资源下载链接为: https://pan.quark.cn/s/d9ef5828b597 在本文中,我们将探讨如何通过 Vue.js 实现一个带有动画效果的“回到顶部”功能。Vue.js 是一款用于构建用户界面的流行 JavaScript 框架,其组件化和响应式设计让实现这种交互功能变得十分便捷。 首先,我们来分析 HTML 代码。在这个示例中,存在一个 ID 为 back-to-top 的 div 元素,其中包含两个 span 标签,分别显示“回到”和“顶部”文字。该 div 元素绑定了 Vue.js 的 @click 事件处理器 backToTop,用于处理点击事件,同时还绑定了 v-show 指令来控制按钮的显示与隐藏。v-cloak 指令的作用是在 Vue 实例渲染完成之前隐藏该元素,避免出现闪烁现象。 CSS 部分(backTop.css)主要负责样式设计。它首先清除了一些默认的边距和填充,对 html 和 body 进行了全屏布局,并设置了相对定位。.back-to-top 类则定义了“回到顶部”按钮的样式,包括其位置、圆角、阴影、填充以及悬停时背景颜色的变化。此外,与 v-cloak 相关的 CSS 确保在 Vue 实例加载过程中隐藏该元素。每个 .page 类代表一个页面,每个页面的高度设置为 400px,用于模拟多页面的滚动效果。 接下来是 JavaScript 部分(backTop.js)。在这里,我们创建了一个 Vue 实例。实例的 el 属性指定 Vue 将挂载到的 DOM 元素(#back-to-top)。data 对象中包含三个属性:backTopShow 用于控制按钮的显示状态;backTopAllow 用于防止用户快速连续点击;backSeconds 定义了回到顶部所需的时间;showPx 则规定了滚动多少像素后显示“回到顶部”按钮。 在 V
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值