Qt::绘制框架-轮廓显示-hide-show

最新推荐文章于 2024-07-10 11:14:24 发布

Yz力

最新推荐文章于 2024-07-10 11:14:24 发布

阅读量566

点赞数 2

分类专栏：二维矢量动画软件文章标签： qt c++ 个人开发动画 ai绘画

本文链接：https://blog.csdn.net/yzl140/article/details/132723584

版权

二维矢量动画软件专栏收录该内容

32 篇文章 4 订阅

订阅专栏

二维矢量动画智能制作软件开发合集

链接：软件开发技术分享及记录合集

个人开发二维矢量动画智能制作软件界面如下：

轮廓显示

本篇介绍软件左侧工具栏→填充工具→轮廓整体显示和轮廓分段显示

轮廓显示操作按照实现效果分为2类：1）轮廓整体显示；2）轮廓分段显示。

一、轮廓显示原理

QGrapraphicsItem与显示功能相关的方法有isVisible（返回值为布尔类型）、show及hide等方法，isVisible返回值可用于分辨该对象当前是否可见，show和hide方法能够显示和隐藏当前对象。

需要注意的是，关于show和hide的实现逻辑需要理解，本博主理解为：show的实现逻辑，当本对象显示时，子对象也可显示，除非子对象本身设置隐藏。对应的，hide的实现逻辑，当本对象隐藏时，同时子对象也隐藏，即使子对象本身设置显示，该子对象依旧隐藏。（具体逻辑详见Qt官方文档）

① 轮廓整体显示：对于轮廓整体显示实现方法可采用QGrapraphicsItem的show和hide方法。

② 轮廓分段显示：在动画中，制作生长效果时需要逐段显示轮廓，其效果无法通过show和hide实现，本软件设计轮廓显示百分比设置操作，通过改变轮廓绘制中起始节点和终止节点的位置来实现逐段显示效果。

二、轮廓整体显示实现

1.代码示例

.h文件变量申明：

重写QGrapraphicsItem的paint()方法。

QPainterPath m_path;

QBrush brush;

void Item::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)
{
    painter->setRenderHint(QPainter::Antialiasing);
    if(isVisible())
    {
        brush.setStyle(Qt::SolidPattern);
        if(!isHide)
            brush.setColor(m_color);
        else
            hide();
    }
    painter->setBrush(brush);
    painter->drawPath(m_path);
}

2.示例效果

三、轮廓分段显示实现

1.代码示例

.h文件变量申明：

qreal strokePercent,calIndex;

void Item::pathCal()
{
    QPainterPath path;
    QPointF sp,ep;
    QPointF c1,c2,spc1,epc2;
    QPointF a1,a11,a12,a2,a21,a22; // 计算原线上的参数点

    sp = m_p1Pos;
    ep = m_p2Pos - sp;
    c1 = m_c1Pos - sp;
    c2 = m_c2Pos - sp;
    sp = QPointF(0,0);
    path.moveTo(sp);
    path.cubicTo(c1,c2,ep);

    strokePercent = strokeEndPer-strokeStartPer;
    calIndex = calC*strokePercent;
    a1 = path.pointAtPercent(0.3*strokePercent + strokeStartPer);
    a11 = path.pointAtPercent(0.3*strokePercent + strokeStartPer - calIndex);
    a12 = path.pointAtPercent(0.3*strokePercent + strokeStartPer + calIndex);
    a2 = path.pointAtPercent(0.7*strokePercent + strokeStartPer);
    a21 = path.pointAtPercent(0.7*strokePercent + strokeStartPer - calIndex);
    a22 = path.pointAtPercent(0.7*strokePercent + strokeStartPer + calIndex);

    .
    .
    .
}