Qt:绘制圆角图片,绘制圆角图片边框

方法

void QPainter::setClipPath(const QPainterPath &path, Qt::ClipOperation operation = Qt::ReplaceClip)

Enables clipping, and sets the clip path for the painter to the given path, with the clip operation.

圆角代码

QPainter p(this);
QPainterPath path;
path.addRoundedRect(this->rect(),40,40);
p.setClipPath(path);

完整源文件

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    setWindowFlags(Qt::FramelessWindowHint |Qt::WindowStaysOnTopHint|Qt::Tool);
    setAttribute(Qt::WA_TranslucentBackground);
}

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

void Widget::paintEvent(QPaintEvent *)
{
    QPainter p(this);
    p.setRenderHints(QPainter::Antialiasing|QPainter::SmoothPixmapTransform);

    QPainterPath path;
    path.addRoundedRect(this->rect(),40,40);
    p.setClipPath(path);
    p.drawImage(this->rect(),QImage(":/test.jpg").scaled(this->size(),Qt::KeepAspectRatio,Qt::SmoothTransformation));
}

效果

圆角图片

扩展:设置等比缩放,并设置边框颜色

void Widget::paintEvent(QPaintEvent *)
{
    QPainter p(this);
    p.setRenderHints(QPainter::Antialiasing|QPainter::SmoothPixmapTransform);

    //主背景色
    // p.setPen(Qt::white);
    // p.setBrush(Qt::white);
    // p.drawRect(this->rect());


    QPainterPath path;

    QSize  s   = this->size()-QSize(3,3);
    QImage img = QImage(":/test.jpg").scaled(s,Qt::KeepAspectRatio,Qt::SmoothTransformation);
    QRectF rect{(this->width()-img.width())/2.0,(this->height()-img.height())/2.0,img.width()*1.0f,img.height()*1.0f};

    //边框颜色
    //p.setPen(Qt::lightGray);
    p.setPen(Qt::green);
    p.drawRoundedRect(rect.adjusted(-1,-1,1,1),10,10);

    //绘制圆角图片
    path.addRoundedRect(rect,10,10);
    p.setClipPath(path);
    p.drawImage(rect,img);
}

qt绘制圆角边框图片

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值