qt 显示任意圆角的图片

4 篇文章 0 订阅

        正常情况下,用 QPainter 的drawPixmap只能显示距形的图片。如果我们想显示带圆角的,甚至要求比如 只要左上角和右上角带圆角的图片呢。我们可以采用QPainterPath先画出我们想要形状,再加载图片显示出来。不废话,看代码。

#define TOP_LEFT_CORNER             1 //左上角
#define TOP_RIGHT_CORNER            2 //右上角
#define BOTTOM_RIGHT_CORNER         4 //右下角
#define BOTTOM_LEFT_CORNER          8 //左下角
QPainterPath makeAnyRoundedRect(const QRect& rect,int radius,int corner)//返回一个path
{  //rect 距形
    //参数 radius 圆角距形半径
   //corner 取上面4个值的任意组合。表示那个要圆角。
    
    QPainterPath path;
    if(corner & TOP_LEFT_CORNER)
    {
        path.moveTo(rect.x() + radius,rect.y());
        path.arcTo(rect.x(),rect.y(),radius*2,radius*2,90.f,90.f);//画左上圆角
    }
    else
    {
        path.moveTo(rect.x(),rect.y());
    }

    if(corner & BOTTOM_LEFT_CORNER)
    {
        path.lineTo(rect.x(),rect.y() + rect.height() -radius);
        path.arcTo(rect.x(),rect.y() + rect.height() - radius *2,radius*2,radius*2,180.0f,90.f);
    }
    else
    {
        path.lineTo(rect.x(),rect.y() + rect.width());
    }

    if(corner & BOTTOM_RIGHT_CORNER)
    {
        path.lineTo(rect.x() + rect.width() - radius,rect.y() + rect.height());
        path.arcTo(rect.x() + rect.width() - 2*radius,rect.y() + rect.height() - 2*radius,radius*2,radius*2,270.0f,90.f);
    }
    else
    {
        path.lineTo(rect.x()+ rect.width(),rect.y() + rect.height());
    }

    if(corner & TOP_RIGHT_CORNER)
    {
        path.lineTo(rect.x() + rect.width(),rect.y() + radius);
        path.arcTo(rect.x() + rect.width() - 2*radius,rect.y(),radius*2,radius*2,0.f,90.f);
    }
    else
    {
        path.lineTo(rect.x()+ rect.width(),rect.y());
    }
    return path;
}

//调用方法

void Widget::paintEvent(QPaintEvent *event)
{
    QRect rect(30, 30, 200, 200);
    QPainter p(this);
    p.setRenderHint(QPainter::Antialiasing); //抗锯齿
    int border_radius = 10;//圆角半径
    auto picPath = makeAnyRoundedRect(rect,border_radius,TOP_RIGHT_CORNER | BOTTOM_LEFT_CORNER);
    p.setClipPath(picPath);
    QPixmap pic;
    pic.load("newest.jpeg");
    p.drawPixmap(rect,pic);

}
下面是实际效果

  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值