Qt高级--（1）自定义导航栏

最新推荐文章于 2024-03-31 21:43:50 发布
最新推荐文章于 2024-03-31 21:43:50 发布
阅读量1.2k 收藏 6
点赞数
文章标签： qt 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/simple_core/article/details/134337019
版权

好久没有水博客，参考别人的写一个自定义的导航栏吧。用处挺多的，可以用来切换到不同的信息显示界面。

功能点

1.默认情况下，文字居中显示，不显示图标，不显示三角。
2.可设置文字左侧、顶部、右侧、底部边距；可设置文字对齐方式。
3.可设置图标是否显示、一侧边距、图标大小、显示位置。
4可设置三角是否显示、大小、显示位置，三角值设置了鼠标悬停和鼠标选中状态下显示。
5.可设置背景颜色为画刷颜色。
6.可设置文字与图标的相对位置：图标左文字右、图标右文字左、图标上文字下、图标下文字上。
7.按钮状态分为三种：正常、鼠标悬停、鼠标选中。
8.在按钮不同状态下可设置不同的背景颜色、字体颜色、图标切换、三角颜色等。
9.一组导航按钮一次只能选中一个。
在这里插入图片描述

一、如何分析自己的需求：

布局

1.我这个类是要显示出，界面上的控件，显示的图标，文字（大小，颜色）。
2.除了显示的，还有图标文字之间的布局，还有背景颜色。

从上面看出显示上的主要有，图标文字，布局，背景颜色。
文字
最简单的一种情况是，一个导航按钮只有文字，没有图标。如下图所示，需要考虑到文字到四边的边距、颜色、背景颜色等。
文字距四边的边距分别使用一个变量来保存，在绘制文本时需要将边距计算在内。
在这里插入图片描述
图标 + 文字
当在文字的基础上加上图标时需要增加属性，并且在计算边距时需要将图标考虑在内。
在计算图标与文字的相对位置时需要注意图标的边距与文字的同边边距是重叠的。如下图中图标边距是距离左侧的边距，文字的左边距是包含了图标边距。
此时需要计算图标的大小，同时还需要考虑图标与文字的相对位置，即图标在左文字在右、图标在右文字在左、图标在上文字在下、图标在下文字在上。
在以上的可能性中，图标在左文字在右、图标在上文字在下这两种方式是常用的。
图标与文字左右结构：

在这里插入图片描述

图标与文字上下结构：
在这里插入图片描述

图标 + 文字 + 三角
在 图标 + 文字的基础上增加三角，多个导航按钮组合时可能会达到更好的效果。
在画三角时可以不考虑边距的文字，只需要考虑三角的方向、颜色。
在这里插入图片描述
从上面看出，我们需要定义的变量就有：

//布局限制位置
    int m_paddingLeft;                  // 文字左侧间距
    int m_paddingTop;                   // 文字顶部间距
    int m_paddingRight;                 // 文字右侧间距
    int m_paddingBottom;                // 文字底部间距
    //文字（大小，颜色，对齐方式）
    TextAlign m_textAlign;              // 文字对齐方式，TextAlign对齐样式 
    QColor m_nTextColor;                // 正常文字颜色
    QColor m_hTextColor;                // 悬停文字颜色
    QColor m_cTextColor;                // 选中文字颜色
    QPen m_textPen;                     // 文字大小、颜色
    //背景
    QBrush m_nBgBrush;                  // 正常背景画刷
    QBrush m_hBgBrush;                  // 悬停背景画刷
    QBrush m_cBgBrush;                  // 选中背景画刷
    QColor m_nBgColor;                  // 正常背景颜色
    QColor m_hBgColor;                  // 悬停背景颜色
    QColor m_cBgColor;                  // 选中背景颜色
    //图标（）
    bool m_showIcon;                    // 显示图标
    int m_iconSpace;                    // 图标边距，左边显示图标是距离左边边距，顶部显示图标表示距离顶部边距，以此类推
    QSize m_iconSize;                   // 图标尺寸
    QPixmap m_nIcon;                    // 正常图标
    QPixmap m_hIcon;                    // 悬停图标
    QPixmap m_cIcon;                    // 选中图标
    IconPosition m_iconPos;             // 图标显示位置
    //三角
    bool m_showTriangle;                // 是否显示三角
    int m_triSideLength;                // 三角形边长
    TrianglePosition m_triPos;          // 三角形显示位置
    QColor m_triColor;                  // 三角形显示颜色

总结：如果是可以有的，也可以没有的，增加一个bool来控制是否显示。

状态

1.在设计的导航按钮中使用三种状态：正常、鼠标悬停、鼠标选中。
2.文字颜色在三种状态下颜色不同，需要使用三个颜色变量分别保存三种状态下的颜色值。
3.背景颜色在三种状态下颜色不同，需要使用三个颜色变量分别保存三种状态下的颜色值。
4.继承 enterEvent 和 leaveEvent 事件函数来判断鼠标上划状态。

bool m_hover;                       // 鼠标悬停标志
//不需要选中状态，因为，可以根据QpushButton来获取是否是点击状态

总结:我们只要知道一些布局和行为就可以定出所有的变量出来。

Q_PROPERTY 属性

Q_PROPERTY 是 Qt 中的一个宏，是用类中声明属性。如果需要使用该宏，必须要继承 QObject 类或者其子类。QPushButton 则是 QObject 的间接子类，所以继承 QPushButton 类后同样可以使用 Q_PROPERTY 宏。

Q_PROPERTY 属性自带了一些属性，同样程序可以自定义。本实验中只讲解 Q_PROPERTY 自带的属性。

在自定义导航按钮的程序中同样使用了 Q_PROPERTY，且程序中只使用了 Q_PROPERTY 的 READ 属性和 WRITE 属性。

class JNaviButton : public QPushButton
{
    Q_PROPERTY(int m_paddingLeft READ paddingLeft WRITE setPaddingLeft)
    Q_PROPERTY(int m_paddingTop READ paddingTop WRITE setPaddingTop)
    Q_PROPERTY(int m_paddingRight READ paddingRight WRITE setPaddingRight)
    Q_PROPERTY(int m_paddingBottom READ paddingBottom WRITE setPaddingBottom)
    // ...
}

Q_PROPERTY 自带属性：

Q_PROPERTY(type name
           READ getFunction
           [WRITE setFunction]
           [RESET resetFunction]
           [NOTIFY notifySignal]
           [DESIGNABLE bool]
           [SCRIPTABLE bool]
           [STORED bool]
           [USER bool]
           [CONSTANT]
           [FINAL])

在上面的代码中，方括号 [] 中的内容属性可选。
必选 READ 属性：用来读取属性值，因此使用 const 限制，返回值类型必须为属性类型或者属性类型的引用或者指针。
可选 WRITE 属性：用来设置属性值，返回值必须为 void 类型，需要一个参数。
可选 RESET 属性：能够将值设置为默认状态，返回值为 void 类型且不带参数。
可选 NOTIFY 属性：提供一个信号，当值发送改变是该信号会自动被触发。
可选 DESIGNABLE 属性：是否在界面设计器的属性编辑器中出现。大多数属性是可见的，除了可以为变量传入 true 或 false 还可以执行一个 bool 行的成员函数。
可选 SCRIPTABLE 属性：是够可以被脚本引擎操作（默认为 true）。可以赋予 true 或者 false 或 bool 类型的函数。
可选 STORED 属性：是否被认为是独立存在还是依赖于其他的值而存在，也可以表明是否在保存对象状态时保存此属性的值。大多数属性都是需要保存的，但也有例外，例如 QWidget::minimumWidth() 就是不被保存的，因为它的值是从另一个属性 QWidget::minimumSize() 得来的。
可选 USER 属性：是否被设计为面向用户的或用户可修改的类属性。通常，每个类只有一个 USER 属性。例如 QAbstractButton::checked 是按钮类的用户可修改属性。注意 QItemDelegate 获取和设置 widget 的 USER 属性。
可选 CONSTANT 属性：表示属性的值是不变的。
可选 FINAL 属性：表示属性不能被派生类所重写。

源代码：

.pro

#-------------------------------------------------
#
# Project created by QtCreator 2020-06-30T08:24:07
#
#-------------------------------------------------

QT       += core gui

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

TARGET = 3-1-JNaviButton
TEMPLATE = app


SOURCES += main.cpp\
        widget.cpp \
    jnavibutton.cpp

HEADERS  += widget.h \
    jnavibutton.h

FORMS    += widget.ui

RESOURCES += \
    source.qrc

JNaviButton .h

#ifndef JNAVIBUTTON_H
#define JNAVIBUTTON_H

/**
  该导航按钮参考了 feiyangqingyun 的导航按钮类
 */
/** 功能
 * 1. 默认情况下，文字居中显示，不显示图标，不显示三角
 * 2. 可设置文字左侧、顶部、右侧、底部编剧；可设置文字显示对其方式
 * 3. 可设置图标是否显示、一侧边距、图标大小、显示位置
 * 4. 可设置三角是否显示、大小、显示位置，三角只设置了鼠标悬停和鼠标选中状态下显示
 * 5. 可设置北京颜色为画刷颜色
 * 6. 可设置文字与图标的相对位置：图标左文字右、图标右文字左、图标上文字下、图标下文字上
 * 7. 按钮状态分为三种：正常、鼠标悬停、鼠标选中
 * 8. 在按钮不同状态下可设置不同的背景颜色、字体颜色、图标切换、三角颜色等
 * 9. 一组导航按钮一次只能选中一个
 */

#include <QPushButton>
#include <QPainter>

class JNaviButton : public QPushButton
{
    Q_OBJECT
    Q_ENUMS(TextAlign)
    Q_ENUMS(IconPosition)

    Q_PROPERTY(int m_paddingLeft READ paddingLeft WRITE setPaddingLeft)
    Q_PROPERTY(int m_paddingTop READ paddingTop WRITE setPaddingTop)
    Q_PROPERTY(int m_paddingRight READ paddingRight WRITE setPaddingRight)
    Q_PROPERTY(int m_paddingBottom READ paddingBottom WRITE setPaddingBottom)
    Q_PROPERTY(TextAlign m_textAlign READ textAlign WRITE setTextAlign)
    Q_PROPERTY(QColor m_nTextColor READ normalTextColor WRITE setNormalTextColor)
    Q_PROPERTY(QColor m_hTextColor READ hoverTextColor WRITE setHoverTextColor)
    Q_PROPERTY(QColor m_cTextColor READ checkedTextColor WRITE setCheckedTextColor)
    Q_PROPERTY(QPen m_textPen READ textPen WRITE setTextPen)

    Q_PROPERTY(QBrush m_nBgBrush READ normalBgBrush WRITE setNormalBgBrush)
    Q_PROPERTY(QBrush m_hBgBrush READ hoverBgBrush WRITE setHoverBgBrush)
    Q_PROPERTY(QBrush m_cBgBrush READ checkedBgBrush WRITE setCheckedBgBrush)

    Q_PROPERTY(QColor m_nBgColor READ normalBgColor WRITE setNormalBgColor)
    Q_PROPERTY(QColor m_hBgColor READ hoverBgColor WRITE setHoverBgColor)
    Q_PROPERTY(QColor m_cBgColor READ checkedBgColor WRITE setCheckedBgColor)

    Q_PROPERTY(bool m_showIcon READ showIcon WRITE setShowIcon)
    Q_PROPERTY(int  m_iconSpace READ iconSpace WRITE setIconSpace)
    Q_PROPERTY(QSize m_iconSize READ iconSize WRITE setIconSize)
    Q_PROPERTY(QPixmap m_nIcon READ normalIcon WRITE setNormalIcon)
    Q_PROPERTY(QPixmap m_hIcon READ hoverIcon WRITE setHoverIcon)
    Q_PROPERTY(QPixmap m_cIcon READ checkedIcon WRITE setCheckedIcon)
    Q_PROPERTY(IconPosition m_iconPos READ iconPosition WRITE setIconPosition)

    Q_PROPERTY(bool m_showTriangle READ showTriabgle WRITE setShowTriangle)
    Q_PROPERTY(int m_triSideLength READ triangleSideLength WRITE setTriangleSideLength)
    Q_PROPERTY(TrianglePosition m_triPos READ trianglePos WRITE setTrianglePosition)
    Q_PROPERTY(QColor m_triColor READ triangleColor WRITE setTriangleColor)
public:
    explicit JNaviButton(QWidget *parent = 0);

    enum TextAlign {
        TextAlign_Left = 0x0001,        // 左对齐
        TextAlign_Right = 0x0002,       // 右对齐
        TextAlign_Top = 0x0020,         // 顶部对齐
        TextAlign_Bottom = 0x0040,      // 底部对齐
        TextAlign_Center = 0x0004       // 居中对齐
    };

    enum IconPosition {
        IP_Left = 0,                    // 左侧
        IP_Top = 1,                     // 顶部
        IP_Right = 2,                   // 右侧
        IP_Bottom = 3                   // 底部
    };

    enum TrianglePosition {
        TP_Left = 0,                    // 左侧
        TP_Top = 1,                     // 顶部
        TP_Right = 2,                   // 右侧
        TP_Bottom = 3                   // 底部
    };

protected:
    virtual void enterEvent(QEnterEvent *);
    virtual void leaveEvent(QEvent *);
    virtual void paintEvent(QPaintEvent *);

    void drawBackGround(QPainter *painter);
    void drawText(QPainter *painter);
    void drawIcon(QPainter *painter);
    void drawTriangle(QPainter *painter);

private:
    bool m_hover;                       // 鼠标悬停标志

    int m_paddingLeft;                  // 文字左侧间距
    int m_paddingTop;                   // 文字顶部间距
    int m_paddingRight;                 // 文字右侧间距
    int m_paddingBottom;                // 文字底部间距
    TextAlign m_textAlign;              // 文字对齐方式
    QColor m_nTextColor;                // 正常文字颜色
    QColor m_hTextColor;                // 悬停文字颜色
    QColor m_cTextColor;                // 选中文字颜色
    QPen m_textPen;                     // 文字大小、颜色

    QBrush m_nBgBrush;                  // 正常背景画刷
    QBrush m_hBgBrush;                  // 悬停背景画刷
    QBrush m_cBgBrush;                  // 选中背景画刷

    QColor m_nBgColor;                  // 正常背景颜色
    QColor m_hBgColor;                  // 悬停背景颜色
    QColor m_cBgColor;                  // 选中背景颜色

    bool m_showIcon;                    // 显示图标
    int m_iconSpace;                    // 图标边距，左边显示图标是距离左边边距，顶部显示图标表示距离顶部边距，以此类推
    QSize m_iconSize;                   // 图标尺寸
    QPixmap m_nIcon;                    // 正常图标
    QPixmap m_hIcon;                    // 悬停图标
    QPixmap m_cIcon;                    // 选中图标
    IconPosition m_iconPos;             // 图标显示位置

    bool m_showTriangle;                // 是否显示三角
    int m_triSideLength;                // 三角形边长
    TrianglePosition m_triPos;          // 三角形显示位置
    QColor m_triColor;                  // 三角形显示颜色

public:
    int paddingLeft() const;
    int paddingTop() const;
    int paddingRight() const;
    int paddingBottom() const;
    TextAlign textAlign() const;
    QColor normalTextColor() const;
    QColor hoverTextColor() const;
    QColor checkedTextColor() const;
    QPen textPen() const;

    QBrush normalBgBrush() const;
    QBrush hoverBgBrush() const;
    QBrush checkedBgBrush() const;

    QColor normalBgColor() const;
    QColor hoverBgColor() const;
    QColor checkedBgColor() const;

    bool showIcon() const;
    int iconSpace() const;
    QSize iconSize() const;
    QPixmap normalIcon() const;
    QPixmap hoverIcon() const;
    QPixmap checkedIcon() const;
    IconPosition iconPosition() const;

    bool showTriabgle() const;
    int triangleSideLength() const;
    TrianglePosition trianglePos() const;
    QColor triangleColor() const;

    QSize sizeHint() const;
    QSize minimumSizeHint() const;

public Q_SLOTS:
    void setPaddingLeft(int padding);
    void setPaddingTop(int padding);
    void setPaddingRight(int padding);
    void setPaddingBottom(int padding);
    void setTextAlign(TextAlign align);
    void setNormalTextColor(const QColor &c);
    void setHoverTextColor(const QColor &c);
    void setCheckedTextColor(const QColor &c);
    void setTextPen(const QPen &pen);

    void setNormalBgBrush(const QBrush &b);
    void setHoverBgBrush(const QBrush &b);
    void setCheckedBgBrush(const QBrush &b);

    void setNormalBgColor(const QColor &c);
    void setHoverBgColor(const QColor &c);
    void setCheckedBgColor(const QColor &c);

    void setShowIcon(bool visible);
    void setIconSpace(int space);
    void setIconSize(int w, int h);
    void setIconSize(const QSize &size);
    void setNormalIcon(const QPixmap &nIcon);
    void setHoverIcon(const QPixmap &hIcon);
    void setCheckedIcon(const QPixmap &cIcon);
    void setIconPosition(IconPosition pos);

    void setShowTriangle(bool visiable);
    void setTriangleSideLength(int len);
    void setTrianglePosition(TrianglePosition pos);
    void setTriangleColor(const QColor &c);
};

#endif // JNAVIBUTTON_H

JNaviButton.cpp

#include "jnavibutton.h"
#include <QDebug>


JNaviButton::JNaviButton(QWidget *parent)
    : QPushButton(parent)
    , m_hover(false)
    , m_paddingLeft(6)
    , m_paddingTop(2)
    , m_paddingRight(6)
    , m_paddingBottom(2)
    , m_textAlign(TextAlign_Center)
    , m_nTextColor(QColor(138, 43, 226))
    , m_hTextColor(QColor(255, 255, 255))
    , m_cTextColor(QColor(139, 69, 19))
    , m_nBgBrush(Qt::NoBrush)
    , m_hBgBrush(Qt::NoBrush)
    , m_cBgBrush(Qt::NoBrush)
    , m_nBgColor(QColor(205, 197, 191))
    , m_hBgColor(QColor(90, 165, 238))
    , m_cBgColor(QColor(173, 216, 234))
    , m_showIcon(false)
    , m_iconSpace(6)
    , m_iconSize(QSize(16, 16))
    , m_nIcon(QPixmap())
    , m_hIcon(QPixmap())
    , m_cIcon(QPixmap())
    , m_iconPos(IP_Left)
    , m_showTriangle(false)
    , m_triSideLength(5)
    , m_triPos(TP_Right)
    , m_triColor(QColor(255, 255, 255))
{
    // 设置按钮为可被选中
    setCheckable(true);
    // 一组按钮一次只能 选中一个
    setAutoExclusive(true);
}

void JNaviButton::enterEvent(QEnterEvent *e)
{
    Q_UNUSED(e)
    m_hover = true;
}

void JNaviButton::leaveEvent(QEvent *e)
{
    Q_UNUSED(e)
    m_hover = false;
}

void JNaviButton::paintEvent(QPaintEvent *e)
{
    Q_UNUSED(e)
    QPainter painter(this);
    painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);

    // 绘制背景
    drawBackGround(&painter);
    // 绘制文字
    drawText(&painter);
    // 绘制图标
    drawIcon(&painter);
    // 绘制三角
    drawTriangle(&painter);
}

void JNaviButton::drawBackGround(QPainter *painter)
{
    painter->save();
    painter->setPen(Qt::NoPen);

    QBrush brush;
    if(isChecked()) {
        brush = m_cBgBrush;
    }
    else if(m_hover) {
        brush = m_hBgBrush;
    }
    else {
        brush = m_nBgBrush;
    }

    if(brush != Qt::NoBrush) {
        painter->setBrush(brush);
    }
    else {
        QColor color;
        if(isChecked()) {
            color = m_cBgColor;
        }
        else if(m_hover) {
            color = m_hBgColor;
        }
        else {
            color = m_nBgColor;
        }
        painter->setBrush(color);
    }

    QRect rect = QRect(0, 0, width(), height());
    painter->drawRect(rect);

    painter->restore();
}

void JNaviButton::drawText(QPainter *painter)
{
    painter->save();
    painter->setBrush(Qt::NoBrush);

    QColor color;
    if(isChecked()) {
        color = m_cTextColor;
    }
    else if(m_hover) {
        color = m_hTextColor;
    }
    else {
        color = m_nTextColor;
    }

    QRect rect = QRect(m_paddingLeft, m_paddingTop,
                       width() - m_paddingLeft - m_paddingRight,
                       height() - m_paddingTop - m_paddingBottom);
    m_textPen.setColor(color);
    painter->setPen(m_textPen);
    painter->drawText(rect, Qt::AlignVCenter | m_textAlign, text());
    painter->restore();
}

void JNaviButton::drawIcon(QPainter *painter)
{
    if(!m_showIcon) {
        return;
    }
    painter->save();
    QPixmap icon;
    if(isChecked()) {
        icon = m_cIcon;
    }
    else if(m_hover) {
        icon = m_hIcon;
    }
    else {
        icon = m_nIcon;
    }
    if(!icon.isNull()) {
        icon = icon.scaled(m_iconSize, Qt::KeepAspectRatio, Qt::SmoothTransformation);
        if(IP_Left == m_iconPos) {
            painter->drawPixmap(m_iconSpace, (height() - m_iconSize.height()) / 2, icon);
        }
        else if(IP_Top == m_iconPos) {
            painter->drawPixmap((width() - m_iconSize.width()) / 2, m_iconSpace, icon);
        }
        else if(IP_Right == m_iconPos) {
            painter->drawPixmap(width() - m_iconSize.width() - m_iconSpace,
                                (height() - m_iconSize.height()) / 2, icon);
        }
        else if(IP_Bottom == m_iconPos) {
            painter->drawPixmap((width() - m_iconSize.width()) / 2,
                                height() - m_iconSize.height() - m_iconSpace, icon);
        }
    }

    painter->restore();
}

void JNaviButton::drawTriangle(QPainter *painter)
{
    if(!m_showTriangle) {
        return;
    }
    if(!m_hover && !isChecked()) {
        return;
    }
    painter->save();
    painter->setPen(Qt::NoPen);
    painter->setBrush(m_triColor);
    QPolygon pts;
    if(TP_Left == m_triPos) {
        pts.setPoints(3, m_triSideLength, height() / 2,
                      0, height() / 2 - m_triSideLength,
                      0, height() / 2 + m_triSideLength);
    }
    else if(TP_Top == m_triPos) {
        pts.setPoints(3, width() / 2, m_triSideLength,
                      width() / 2 - m_triSideLength, 0,
                      width() / 2 + m_triSideLength, 0);
    }
    else if(TP_Right == m_triPos) {
        pts.setPoints(3, width() - m_triSideLength, height() / 2,
                      width(), height() / 2 - m_triSideLength,
                      width(), height() / 2 + m_triSideLength);
    }
    else if(TP_Bottom == m_triPos) {
        pts.setPoints(3, width() / 2, height() - m_triSideLength,
                      width() / 2 - m_triSideLength, height(),
                      width() / 2 + m_triSideLength, height());
    }
    painter->drawPolygon(pts);

    painter->restore();
}

int JNaviButton::paddingLeft() const
{
    return m_paddingLeft;
}

int JNaviButton::paddingTop() const
{
    return m_paddingTop;
}

int JNaviButton::paddingRight() const
{
    return m_paddingRight;
}

int JNaviButton::paddingBottom() const
{
    return m_paddingBottom;
}

JNaviButton::TextAlign JNaviButton::textAlign() const
{
    return m_textAlign;
}

QColor JNaviButton::normalTextColor() const
{
    return m_nTextColor;
}

QColor JNaviButton::hoverTextColor() const
{
    return m_hTextColor;
}

QColor JNaviButton::checkedTextColor() const
{
    return m_cTextColor;
}

QPen JNaviButton::textPen() const
{
    return m_textPen;
}

QBrush JNaviButton::normalBgBrush() const
{
    return m_nBgBrush;
}

QBrush JNaviButton::hoverBgBrush() const
{
    return m_hBgBrush;
}

QBrush JNaviButton::checkedBgBrush() const
{
    return m_cBgBrush;
}

QColor JNaviButton::normalBgColor() const
{
    return m_nBgColor;
}

QColor JNaviButton::hoverBgColor() const
{
    return m_hBgColor;
}

QColor JNaviButton::checkedBgColor() const
{
    return m_cBgColor;
}

bool JNaviButton::showIcon() const
{
    return m_showIcon;
}

int JNaviButton::iconSpace() const
{
    return m_iconSpace;
}

QSize JNaviButton::iconSize() const
{
    return m_iconSize;
}

QPixmap JNaviButton::normalIcon() const
{
    return m_nIcon;
}

QPixmap JNaviButton::hoverIcon() const
{
    return m_hIcon;
}

QPixmap JNaviButton::checkedIcon() const
{
    return m_cIcon;
}

JNaviButton::IconPosition JNaviButton::iconPosition() const
{
    return m_iconPos;
}

bool JNaviButton::showTriabgle() const
{
    return m_showTriangle;
}

int JNaviButton::triangleSideLength() const
{
    return m_triSideLength;
}

JNaviButton::TrianglePosition JNaviButton::trianglePos() const
{
    return m_triPos;
}

QColor JNaviButton::triangleColor() const
{
    return m_triColor;
}

QSize JNaviButton::sizeHint() const
{
    return QSize(100, 30);
}

QSize JNaviButton::minimumSizeHint() const
{
    return QSize(20, 10);
}

void JNaviButton::setPaddingLeft(int padding)
{
    if(m_paddingLeft != padding) {
        m_paddingLeft = padding;
        update();
    }
}

void JNaviButton::setPaddingTop(int padding)
{
    if(m_paddingTop != padding) {
        m_paddingTop = padding;
        update();
    }
}

void JNaviButton::setPaddingRight(int padding)
{
    if(m_paddingRight != padding) {
        m_paddingRight = padding;
        update();
    }
}

void JNaviButton::setPaddingBottom(int padding)
{
    if(m_paddingBottom != padding) {
        m_paddingBottom = padding;
        update();
    }
}

void JNaviButton::setTextAlign(TextAlign align)
{
    if(m_textAlign != align) {
        m_textAlign = align;
        update();
    }
}

void JNaviButton::setNormalTextColor(const QColor &c)
{
    if(m_nTextColor != c) {
        m_nTextColor = c;
        update();
    }
}

void JNaviButton::setHoverTextColor(const QColor &c)
{
    if(m_hTextColor != c) {
        m_hTextColor = c;
        update();
    }
}

void JNaviButton::setCheckedTextColor(const QColor &c)
{
    if(m_cTextColor != c) {
        m_cTextColor = c;
        update();
    }
}

void JNaviButton::setTextPen(const QPen &pen)
{
    if(m_textPen != pen) {
        m_textPen = pen;
        update();
    }
}

void JNaviButton::setNormalBgBrush(const QBrush &b)
{
    if(m_nBgBrush != b) {
        m_nBgBrush = b;
        update();
    }
}

void JNaviButton::setHoverBgBrush(const QBrush &b)
{
    if(m_hBgBrush != b) {
        m_hBgBrush = b;
        update();
    }
}

void JNaviButton::setCheckedBgBrush(const QBrush &b)
{
    if(m_cBgBrush != b) {
        m_cBgBrush = b;
        update();
    }
}

void JNaviButton::setNormalBgColor(const QColor &c)
{
    if(m_nTextColor != c) {
        m_nBgColor = c;
        update();
    }
}

void JNaviButton::setHoverBgColor(const QColor &c)
{
    if(m_hTextColor != c) {
        m_hBgColor = c;
        update();
    }
}

void JNaviButton::setCheckedBgColor(const QColor &c)
{
    if(m_cTextColor != c) {
        m_cBgColor = c;
        update();
    }
}

void JNaviButton::setShowIcon(bool visible)
{
    if(m_showIcon != visible) {
        m_showIcon = visible;
        update();
    }
}

void JNaviButton::setIconSpace(int space)
{
    if(m_iconSpace != space) {
        m_iconSpace = space;
        update();
    }
}

void JNaviButton::setIconSize(int w, int h)
{
    setIconSize(QSize(w, h));
}

void JNaviButton::setIconSize(const QSize &size)
{
    if(m_iconSize != size) {
        m_iconSize = size;
        update();
    }
}

void JNaviButton::setNormalIcon(const QPixmap &nIcon)
{
    if(nIcon.isNull())
        return;
    m_nIcon = nIcon;
    update();
}

void JNaviButton::setHoverIcon(const QPixmap &hIcon)
{
    if(hIcon.isNull())
        return;
    m_hIcon = hIcon;
    update();
}

void JNaviButton::setCheckedIcon(const QPixmap &cIcon)
{
    if(cIcon.isNull())
        return;
    m_cIcon = cIcon;
    update();
}

void JNaviButton::setIconPosition(IconPosition pos)
{
    if(m_iconPos != pos) {
        m_iconPos = pos;
        update();
    }
}

void JNaviButton::setShowTriangle(bool visiable)
{
    if(m_showTriangle != visiable) {
        m_showTriangle = visiable;
        update();
    }
}

void JNaviButton::setTriangleSideLength(int len)
{
    if(m_triSideLength != len) {
        m_triSideLength = len;
        update();
    }
}

void JNaviButton::setTrianglePosition(JNaviButton::TrianglePosition pos)
{
    if(m_triPos != pos) {
        m_triPos = pos;
        update();
    }
}

void JNaviButton::setTriangleColor(const QColor &c)
{
    if(m_triColor != c) {
        m_triColor = c;
        update();
    }
}

Widget .h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include "jnavibutton.h"

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();

Q_SIGNALS:
    void custom_signal(const QString &msg);

public slots:
    void btns1_clicked();
    void btns2_clicked();
    void btns3_clicked();
    void btns4_clicked();
    void btns5_clicked();
    void btns6_clicked();
    void custom_slot(const QString &msg);

private:
    Ui::Widget *ui;

    QVector<JNaviButton*> btns1;
    QVector<JNaviButton*> btns2;
    QVector<JNaviButton*> btns3;
    QVector<JNaviButton*> btns4;
    QVector<JNaviButton*> btns5;
    QVector<JNaviButton*> btns6;
};

#endif // WIDGET_H

Widget .cpp

#include "widget.h"
#include "ui_widget.h"
#include <QMessageBox>

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    connect(this, &Widget::custom_signal, this, &Widget::custom_slot);

    btns1 << ui->pushButton << ui->pushButton_2 << ui->pushButton_3 <<
             ui->pushButton_4 << ui->pushButton_5;
    ui->pushButton->setChecked(true);
    for(int i = 0; i < btns1.size(); i++) {
        connect(btns1.at(i), &JNaviButton::clicked, this, &Widget::btns1_clicked);
        btns1.at(i)->setShowIcon(true);
        btns1.at(i)->setNormalIcon(QPixmap(":/image/image/right.png"));
        btns1.at(i)->setHoverIcon(QPixmap(":/image/image/right-hover.png"));
        btns1.at(i)->setCheckedIcon(QPixmap(":/image/image/right-pressed.png"));
        btns1.at(i)->setStyleSheet("JNaviButton{font-size:14px;}");
    }


    btns2 << ui->pushButton_6 << ui->pushButton_7 <<
             ui->pushButton_8 << ui->pushButton_9;
    ui->pushButton_6->setChecked(true);
    for(int i = 0; i < btns2.size(); i++) {
        btns2.at(i)->setMinimumHeight(40);
        btns2.at(i)->setShowIcon(true);
        btns2.at(i)->setNormalBgColor(QColor(50, 56, 82));
        btns2.at(i)->setHoverBgColor(QColor(30, 40, 50));
        btns2.at(i)->setCheckedBgColor(QColor(10, 20, 30));
        btns2.at(i)->setNormalTextColor(QColor(210, 210, 215));
        btns2.at(i)->setHoverTextColor(QColor(255, 255, 255));
        btns2.at(i)->setCheckedTextColor(QColor(255, 255, 255));
        btns2.at(i)->setStyleSheet("JNaviButton{font-size:14px;}");
    }
    ui->pushButton_6->setNormalIcon(QPixmap(":/image/image/home.png"));
    ui->pushButton_6->setHoverIcon(QPixmap(":/image/image/home-hover.png"));
    ui->pushButton_6->setCheckedIcon(QPixmap(":/image/image/home-hover.png"));
    ui->pushButton_7->setNormalIcon(QPixmap(":/image/image/group.png"));
    ui->pushButton_7->setHoverIcon(QPixmap(":/image/image/group-hover.png"));
    ui->pushButton_7->setCheckedIcon(QPixmap(":/image/image/group-hover.png"));
    ui->pushButton_8->setNormalIcon(QPixmap(":/image/image/works.png"));
    ui->pushButton_8->setHoverIcon(QPixmap(":/image/image/works-hover.png"));
    ui->pushButton_8->setCheckedIcon(QPixmap(":/image/image/works-hover.png"));
    ui->pushButton_9->setNormalIcon(QPixmap(":/image/image/help.png"));
    ui->pushButton_9->setHoverIcon(QPixmap(":/image/image/help-hover.png"));
    ui->pushButton_9->setCheckedIcon(QPixmap(":/image/image/help-hover.png"));


    btns3 << ui->pushButton_10 << ui->pushButton_11 <<
             ui->pushButton_12 << ui->pushButton_13;
    ui->pushButton_10->setChecked(true);
    for(int i = 0; i < btns3.size(); i++) {
        btns3.at(i)->setShowIcon(true);

        btns3.at(i)->setMinimumHeight(60);
        btns3.at(i)->setIconSize(30, 30);
        btns3.at(i)->setIconPosition(JNaviButton::IP_Top);
        btns3.at(i)->setPaddingTop(35);

        btns3.at(i)->setNormalBgColor(QColor(50, 56, 82));
        btns3.at(i)->setHoverBgColor(QColor(30, 40, 50));
        btns3.at(i)->setCheckedBgColor(QColor(30, 30, 30));
        btns3.at(i)->setNormalTextColor(QColor(210, 210, 215));
        btns3.at(i)->setHoverTextColor(QColor(255, 255, 255));
        btns3.at(i)->setCheckedTextColor(QColor(255, 255, 255));
        btns3.at(i)->setStyleSheet("JNaviButton{font-size:12px;}");
    }
    ui->pushButton_10->setNormalIcon(QPixmap(":/image/image/home.png"));
    ui->pushButton_10->setHoverIcon(QPixmap(":/image/image/home-hover.png"));
    ui->pushButton_10->setCheckedIcon(QPixmap(":/image/image/home-hover.png"));
    ui->pushButton_11->setNormalIcon(QPixmap(":/image/image/group.png"));
    ui->pushButton_11->setHoverIcon(QPixmap(":/image/image/group-hover.png"));
    ui->pushButton_11->setCheckedIcon(QPixmap(":/image/image/group-hover.png"));
    ui->pushButton_12->setNormalIcon(QPixmap(":/image/image/works.png"));
    ui->pushButton_12->setHoverIcon(QPixmap(":/image/image/works-hover.png"));
    ui->pushButton_12->setCheckedIcon(QPixmap(":/image/image/works-hover.png"));
    ui->pushButton_13->setNormalIcon(QPixmap(":/image/image/help.png"));
    ui->pushButton_13->setHoverIcon(QPixmap(":/image/image/help-hover.png"));
    ui->pushButton_13->setCheckedIcon(QPixmap(":/image/image/help-hover.png"));


    btns4 << ui->pushButton_14 << ui->pushButton_15 << ui->pushButton_16 <<
             ui->pushButton_17 << ui->pushButton_18;
    ui->pushButton_14->setChecked(true);
    for(int i = 0; i < btns4.size(); i++) {

        btns4.at(i)->setNormalBgColor(QColor(45, 145, 145));
        btns4.at(i)->setHoverBgColor(QColor(24, 114, 148));
        btns4.at(i)->setCheckedBgColor(QColor(20, 92, 117));
        btns4.at(i)->setNormalTextColor(QColor(230, 230, 235));
        btns4.at(i)->setHoverTextColor(QColor(255, 255, 255));
        btns4.at(i)->setCheckedTextColor(QColor(255, 255, 255));

        btns4.at(i)->setShowIcon(true);
        btns4.at(i)->setNormalIcon(QPixmap(":/image/image/right-hover.png"));
        btns4.at(i)->setHoverIcon(QPixmap(":/image/image/right-hover.png"));
        btns4.at(i)->setCheckedIcon(QPixmap(":/image/image/right-pressed.png"));
        btns4.at(i)->setStyleSheet("JNaviButton{font-size:12px;}");

        btns4.at(i)->setShowTriangle(true);
    }


    btns5 << ui->pushButton_19 << ui->pushButton_20 <<
             ui->pushButton_21 << ui->pushButton_22;
    ui->pushButton_19->setChecked(true);
    for(int i = 0; i < btns5.size(); i++) {
        btns5.at(i)->setMinimumHeight(40);
        btns5.at(i)->setShowIcon(true);
        btns5.at(i)->setNormalBgColor(QColor(50, 56, 82));
        btns5.at(i)->setHoverBgColor(QColor(30, 40, 50));
        btns5.at(i)->setCheckedBgColor(QColor(10, 20, 30));
        btns5.at(i)->setNormalTextColor(QColor(210, 210, 215));
        btns5.at(i)->setHoverTextColor(QColor(255, 255, 255));
        btns5.at(i)->setCheckedTextColor(QColor(255, 255, 255));
        btns5.at(i)->setStyleSheet("JNaviButton{font-size:14px;}");

        btns5.at(i)->setShowTriangle(true);
        btns5.at(i)->setTrianglePosition(JNaviButton::TP_Bottom);
    }
    ui->pushButton_19->setNormalIcon(QPixmap(":/image/image/home.png"));
    ui->pushButton_19->setHoverIcon(QPixmap(":/image/image/home-hover.png"));
    ui->pushButton_19->setCheckedIcon(QPixmap(":/image/image/home-hover.png"));
    ui->pushButton_20->setNormalIcon(QPixmap(":/image/image/group.png"));
    ui->pushButton_20->setHoverIcon(QPixmap(":/image/image/group-hover.png"));
    ui->pushButton_20->setCheckedIcon(QPixmap(":/image/image/group-hover.png"));
    ui->pushButton_21->setNormalIcon(QPixmap(":/image/image/works.png"));
    ui->pushButton_21->setHoverIcon(QPixmap(":/image/image/works-hover.png"));
    ui->pushButton_21->setCheckedIcon(QPixmap(":/image/image/works-hover.png"));
    ui->pushButton_22->setNormalIcon(QPixmap(":/image/image/help.png"));
    ui->pushButton_22->setHoverIcon(QPixmap(":/image/image/help-hover.png"));
    ui->pushButton_22->setCheckedIcon(QPixmap(":/image/image/help-hover.png"));


    btns6 << ui->pushButton_23 << ui->pushButton_24 <<
             ui->pushButton_25 << ui->pushButton_26;
    ui->pushButton_23->setChecked(true);
    for(int i = 0; i < btns6.size(); i++) {
        btns6.at(i)->setShowIcon(true);

        btns6.at(i)->setMinimumHeight(45);
        btns6.at(i)->setIconSize(30, 30);
        btns6.at(i)->setIconPosition(JNaviButton::IP_Top);

        btns6.at(i)->setNormalBgColor(QColor(50, 56, 82));
        btns6.at(i)->setHoverBgColor(QColor(30, 40, 50));
        btns6.at(i)->setCheckedBgColor(QColor(30, 30, 30));

        btns6.at(i)->setShowTriangle(true);
        btns6.at(i)->setTrianglePosition(JNaviButton::TP_Bottom);
    }
    ui->pushButton_23->setToolTip(tr("首页"));
    ui->pushButton_24->setToolTip(tr("论坛"));
    ui->pushButton_25->setToolTip(tr("作品"));
    ui->pushButton_26->setToolTip(tr("帮助"));
    ui->pushButton_23->setNormalIcon(QPixmap(":/image/image/home.png"));
    ui->pushButton_23->setHoverIcon(QPixmap(":/image/image/home-hover.png"));
    ui->pushButton_23->setCheckedIcon(QPixmap(":/image/image/home-hover.png"));
    ui->pushButton_24->setNormalIcon(QPixmap(":/image/image/group.png"));
    ui->pushButton_24->setHoverIcon(QPixmap(":/image/image/group-hover.png"));
    ui->pushButton_24->setCheckedIcon(QPixmap(":/image/image/group-hover.png"));
    ui->pushButton_25->setNormalIcon(QPixmap(":/image/image/works.png"));
    ui->pushButton_25->setHoverIcon(QPixmap(":/image/image/works-hover.png"));
    ui->pushButton_25->setCheckedIcon(QPixmap(":/image/image/works-hover.png"));
    ui->pushButton_26->setNormalIcon(QPixmap(":/image/image/help.png"));
    ui->pushButton_26->setHoverIcon(QPixmap(":/image/image/help-hover.png"));
    ui->pushButton_26->setCheckedIcon(QPixmap(":/image/image/help-hover.png"));
}

Widget::~Widget()
{
    delete ui;
}

void Widget::btns1_clicked()
{
    JNaviButton *btn = dynamic_cast<JNaviButton*>(sender());
//    QMessageBox::information(this, "btns1", btn->text());
    emit custom_signal(btn->text());
}

void Widget::btns2_clicked()
{

}

void Widget::btns3_clicked()
{

}

void Widget::btns4_clicked()
{

}

void Widget::btns5_clicked()
{

}

void Widget::btns6_clicked()
{

}

void Widget::custom_slot(const QString &msg)
{
    QMessageBox::information(this, "info", msg);
}

.ui

在这里插入图片描述

Simple_core
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Qt程序设计-左侧菜单栏实现
qq_30725967的博客
02-02 760
Qt左侧菜单栏实现
qt酷炫导航栏使用
deroy
07-23 2730
项目地址 https://github.com/freeghter/QtDemo 效果演示 使用方法 将 slidenavigation.cpp 和 slidenavigation.h 添加到项目里面 在UI设计师界面拖动一个Widget控件 右键选择 提升为...，填写提升的类名称为 SlideNavigation，如下所示 右键 提升为 选择刚刚添加的类 SlideNavigation 。 控件使用 控件属性 //#define YELLOW //黄色 //#define RED
QT之导航栏实现
小风code
04-22 2万+
有道词典大家一定用过，今天要分享的就是类似与有道词典侧边导航栏的做法（PS:有道词典 用的不是QT技术实现的   而是 Hex技术  点击查看详情） 开始正题，如何用QT来实现类似的导航栏的效果 一步步详细教你！ 涉及的技术主要是QListWidget（列表窗口）和qstaqsta（堆叠窗口）的应用 （PS:在设计时先不用考虑好不好看，逻辑搞定了然后再用QSS代码美化）
【QT入门】 QScrollArea实际运用之导航栏设计
最新发布
LF__plus的博客
03-31 737
【QT入门】 QScrollArea实际运用之导航栏设计
Qt - 导航栏的实现
01-25
Qt - 导航栏的实现 只是当初练手的一些草稿类的东西，具体请参考博文 http://blog.csdn.net/lys211/article/details/43743187
Ｑｔ实现自定义树状导航栏
12-07
包括实现文件、基本配置文件、和简单的图片，使用Ｑｔ模型视图委托方法进行实现树状导航栏，重要地方都已经加了注释，可以看看我的博客里面介绍了实现
Qt导航栏Demo之侧边垂直菜单
02-17
Qt自带菜单栏为水平菜单栏，在很多实际应用中，需要用到左侧菜单导航栏，即垂直导航栏，本示例使用QMenu、QDialog、事件过滤、QPushButton、鼠标钩子函数等实现了侧边垂直菜单导航栏。
【C++/QT】QT实现侧边导航栏（附代码）
第四维度的博客
03-21 8608
在qt界面实现侧边导航栏的设计 主页主要实现： a、添加 `sideBar` 到左侧 b、拖动四个 `QToolButton` c、放置 `verticalSpacer` d、右侧放置主窗口 `stackedWidget` ，删掉两个page e、修饰按键 建立连接 connect(&btnGroup, static_cast(&QButtonGroup::buttonClicked), ui->stackedWidget, &QStacked
Qt做导航页面左侧
u013351233的博客
05-10 2243
实现一个左侧导航界面，单独封装，按下对应的按钮，弹出对应的界面在中间区域Axure设计图：需求：按钮，中间区域跳转。
Qt、使用QToolButton和QStackedWidget的侧边栏（SideBar）的实现与实现原理解析
^_^
01-03 1万+
侧边栏是一个很常用的导航控件，如Qt Creator软件本身也使用到了侧边栏：目前使用Qt做出这种侧边导航栏，常见的做法是使用QListWidget加QStackedWidget，但是使用QListWidget做侧边的这个导航很不灵活，想要复刻出和Qt Creator这个侧边栏同样的效果很费劲，所以本篇博客采用QToolButton加QStackedWidget形式，在用QSS进行美化以达到效果。
QT桌面项目（状态栏和导航栏设置）
m0_49476241的博客
05-26 2681
为了和我们这个项目做的更加真实，这里为我们的项目添加上状态栏和导航栏让他变成更加接近手机的桌面效果。当我们完成这一步后我们的桌面就有模有样了哈哈哈。希望大家可以继续跟着我学习，一起做出一个完整的桌面项目。
Qt 自定义导航栏
02-18
Qt 自定义导航栏。Qt自定义树形导航栏，样式美观，使用方便 提供源代码及使用范例 导航栏 Qt。
获取各大电商平台，item_get_app - 获得淘宝app商品详情原数据API返回数据说明
suiyuaneranLucy的博客
05-07 1822
今天跟大家分享的是item_get_app - 获得淘宝app商品详情原数据API返回数据说明 item_get_app 获得淘宝商品详情 [查看演示] API测试工具 注册链接（获取Key和secret）:http://console.open.onebound.cn/console/?i=lucyhttp://console.open.onebound.cn/console/?i=lucy 响应示例: { "item": { "apiStack": [ { "name.
vuejs项目纯js导出word、在线下载富文本内容或者网页另存为word文件
热门推荐
南北极之间
01-20 5万+
vuejs项目在线下载富文本内容或者网页另存为word文件 这篇文章是保存为带有原本样式文件。 如果想把网页内容保存为自定义格式的word文件。可以参考我的另一篇文章：
Qt 导航栏
weixin_35755823的博客
12-31 690
Qt 导航栏是一种用于在应用程序中显示导航链接的部件。通常用于在应用程序的顶部显示，并且可以包含多个菜单项，每个菜单项都代表应用程序中的一个特定功能或页面。在 Qt 中，导航栏是 QNavigationBar 类的一个实例。 要使用 Qt 导航栏，需要在应用程序中包含 QNavigationBar 头文件，然后创建一个 QNavigationBar 对象并将其添加到应用程序的布局中。然后，可以使用...
《QT从基础到进阶·三十七》QWidget实现左侧导航栏效果
cs1395293598的博客
11-22 1264
（3）通过addMenuWidget设置第一个界面为"MTF"，第二个参数0表示把该界面放在第一个标签上显示，第三个参数拿到mtf的界面传入放置到导航栏的m_centerQVBoxLayout布局中。NavigationBarPlugin插件类实现了对左侧导航栏的管理，我们可以在导航栏插件中添加界面，并用鼠标点击导航栏能够切换对应的界面。我们先把导航栏框架添加添加到主界面的左边，然后在主界面右边设置一个布局用于后面显示界面。（4）同理下面依次添加第二个标签和放置第二个界面，添加第三个标签放置第三个界面。
Qt 使用QTabWidget做区域导航
随笔
10-27 1173
Qt使用QTabWidget做区域导航
Qt/C++编写安防视频监控系统15-远程回放
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
12-18 2863
一、前言 远程回放有两种处理方式，一种是采用NVR厂家提供的SDK开发包来登录到NVR上，然后根据SDK的函数接口指定的视频文件，当然也有接口查询视频文件列表等；一种是采用视频监控行业的国标GB28181协议，来注册到NVR上然后查询和播放视频文件。两种处理方式各有优缺点，用SDK的话，接口比较丰富，有很多特殊的处理都在SDK的函数中可以看到，相对来说速度和清晰度会更快一点，操作的友好性高，毕竟是...
Qt之实现动效导航栏
草上爬的博客
06-26 8423
一.效果 二.实现现在随便点开一个应用，都会有侧边导航栏的身影，比如clash目前，侧边导航栏设计已经成为一种持续更新中的设计趋势。现在很多应用，特别是设置页面都会包含侧边导航栏，网页中更是常见，在网页设计中侧边导航栏设计会使用单一的纯色打底，包含较少的选项，导航栏顶端通常会包括logo，文字链接，以及带有小图标的社交媒体账号链接。 想要侧边导航栏发挥最大的作用，秘诀在于控制好侧边栏本身和右侧内容的对比度，要包含足够清晰可见的导航条目，还要能在移动端上良好地运作。另外，要注意的是，不要因为屏幕侧边够长，就企
qt qml-自定义table
12-23
Qt QML是一种用于创建跨平台应用程序的用户界面技术，它可以用于设计和开发具有丰富交互体验的应用程序。在Qt QML中，我们可以使用自定义的Table来展示和管理数据。 要自定义一个Table，在Qt QML中我们可以使用TableView和ListModel来实现。首先，我们可以创建一个ListModel来存储我们的数据，然后将这个ListModel作为TableView的model。接着，我们可以通过设置TableView的各种属性和信号来实现表格的各种功能，比如行列数、表头、选中状态等。 除了基本的TableView和ListModel，我们还可以自定义Table的外观和交互逻辑。比如，我们可以创建自定义的Delegate来定义每个单元格的样式和交互行为，也可以自定义Table的表头和滚动条等。通过这些自定义功能，我们可以创建出符合自己需求的Table，使得应用程序具有更好的用户体验和交互性。 在Qt QML中，我们可以使用JavaScript来实现自定义Table的逻辑，比如数据的筛选、排序和编辑等。同时，Qt QML还提供了丰富的动画和过渡效果，通过这些效果可以使Table的展示更加生动和吸引人。 总的来说，Qt QML提供了丰富的工具和功能来实现自定义的Table，通过灵活的QML语法和丰富的Qt库，我们可以高效地实现符合自己需求的自定义Table，从而为用户提供良好的交互体验和数据展示效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值