Qt 设置圆形头像例程问题



  • QImage resultImage(QSize(100,100),QImage::Format_ARGB32_Premultiplied);
    QImage head(":/images/Head.png");
    head.scaled(100,100);
    QImage head_mask(":/images/Head_Background_Mask.png");
    QPainter painter(&resultImage);
    painter.setCompositionMode(QPainter::CompositionMode_Source);
    painter.fillRect(resultImage.rect(), Qt::transparent);
    painter.setCompositionMode(QPainter::CompositionMode_SourceOver);
    painter.drawImage(0, 0, head_mask);
    painter.setCompositionMode(QPainter::CompositionMode_SourceIn);
    painter.drawImage(0, 0, head);
    painter.setCompositionMode(QPainter::CompositionMode_DestinationOver);
    painter.end();

    我看了一下帮助文档还是不太理解这个QPainter::CompositionMode_Source和QPainter::CompositionMode_Destination的概念,而且做出来的Demo刚好抠的是外面的边框而不是中间的圆0_1460601161253_dd28.png

    请问该怎么修改代码呢?

    自己也在试,但是不太明白这个的含义QPainter::CompositionMode,都没试出来想要的结果。想要的结果是,中间是圆形显示的,周边不显示。

    蒙版如下图:
    0_1460601237074_ID_USER_MASK.png



  • @学酥 额,自己写代码绘制效果啊~~~
    我喜欢用QLabel加个QSS画圆角,简单方便,也好修改和维护.



  • @taadis 那是圆角,我要的是整圆



  • 已经让美工作一张刚好相反的图像了。虽然解决了问题,但是还是有不明白的地方吧。



  • @学酥 一个正方形,4个圆角,不就是一个圆形了么?



  • @学酥 这么说让用户上传图片的时候程序都要自动处理成这么一张相反的图片咯



  • 正方形的label,把四个圆角半径调为正方形边长的一般,就得到了一个圆形


 

走马观花

最近的回复

  • @bladesero Blender 在角色建模和渲染这些方面的确比较强。😄

    我们的软件还在发展中呢。
    18da2116-2055-47c1-8317-1ccde17dfcc0-image.png

    阅读更多
  • untitled.jpg figure角色(WIP2).jpg
    TIM截图20190117184210.png
    使用的软件是blender,zbrush和substance painter

    阅读更多
  • 背景:如果需要qml显示循环list,一般是用3个ListView循环交替,实现伪循环,期间逻辑复杂,容易出错,PathView本身自带循环,所以考虑用PathView实现循环

    设计:PathView显示5条数据,按照垂直List一个个排好顺序,由于收尾移动时候会空白穿帮,所以用clip控制显示中间三条数据

    滚动控制:currentIndex,decrementCurrentIndex(),incrementCurrentIndex()

    代码:

    Item{ id: item1 property int myIndex: 0 property int onePageCount: 3 property real oneHeight: 72 property real oneWidth: 580 property int isCurrentListView: 1 //0,1,2 property bool isAdd: true //direction,down=true,up=false property int hightlightIndex: 0 property int currentIndexPathView: 0 //use this Item{ id: itemClip width: item1.oneWidth height: item1.oneHeight*3 clip: true PathView { id: listView1 width: item1.oneWidth model: listModelSpeedWarning delegate: delegeteLine pathItemCount: item1.onePageCount+2 interactive: false path: Path { startX: item1.oneWidth/2 startY: -item1.oneHeight/2 PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*0+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*0+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*1+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*1+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*2+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*2+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*3+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*3+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*4+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*4+item1.oneHeight/2 } } Component.onCompleted: { listView1.currentIndex = -1 } } } }

    问题:windows下测试,按住按键不松手,list滚动会卡住,松手后恢复正常,看来list不能滚动太快

    阅读更多
  • H

    @青山白云 只是为了替换GIF,不过目前已经解决加载问题

    阅读更多

关注我们

微博
QQ群











召唤伊斯特瓦尔