关闭

QML 头像方形图片处理为圆形图片方法

707人阅读 评论(1) 收藏 举报

import QtGraphicalEffects 1.0需要引入的包


Item{

        width: 300
        height: 300
        
        
        Image{
            id: imageView
            source: "test.png"
            anchors.fill: parent
        }
        
        
        Rectangle{
            id: mask
            anchors.fill: parent
            radius: height/2
            visible: false
        }
        
        OpacityMask {
            anchors.fill: parent
            source: imageView
            maskSource: mask
        }
    }

能够处理出很多效果,官方示例是一个蝴蝶,这种出处理出来的效果很圆滑,不会因为分辨率而影响
0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

QtQuick之Canvas图像圆角遮罩

对于圆角图片处理,主要使用了三种办法来实现 1.Qt里面使用QPainter来画个 2.QML里面使用ope
  • Esonpo
  • Esonpo
  • 2014-07-14 15:22
  • 2475

Qt Quick<OpacityMask> 圆角图片、异形图片的合成

图片: 1.png: up.png: sanpan.png: mask图片用来描述轮廓,里面的内容无所谓,需要的是他的透明不规则区域。 src图片建议使用矩形的~import QtQuic...
  • A289672082
  • A289672082
  • 2016-07-17 16:25
  • 1061

QML画图-Canvas画基本图形

1.canvas画矩形   a.无路径画法     ctx.fillRect(200,100,50,40);    //填充     ctx.strokeRect(200,100,50,40);...
  • u012419303
  • u012419303
  • 2015-07-06 10:47
  • 3006

Qt实现顶层窗口特效--阴影和圆角

Qt实现阴影和圆角窗口
  • qq_16952303
  • qq_16952303
  • 2016-07-28 14:14
  • 3393

QML圆形图像的制作与图像置灰效果

在用QML开发界面时,往往我们想将一个方形的图片显示成圆形,类似于早期QQ的圆形图像,许多人想到用radius属性与clip属性进行尝试,但是,始终是没有成功,看来Qt还是没有强大到一定程度啊,哈哈哈...
  • Shado_walker
  • Shado_walker
  • 2017-01-25 15:21
  • 1414

QML画图-Canvas

定义画笔 Canvas     {         id: canvas;         width: 100; height:...
  • u012419303
  • u012419303
  • 2015-07-02 17:11
  • 2185

Qt Quick 图像处理实例之美图秀秀(附源码下载)

在《Qt Quick 之 QML 与 C++ 混合编程详解》一文中我们讲解了 QML 与 C++ 混合编程的方方面面的内容,这次我们通过一个图像处理应用,再来看一下 QML 与 C++ 混合编程的...
  • imxiangzi
  • imxiangzi
  • 2015-11-11 17:22
  • 1330

基于Qt的QML圆形进度条开源代码(兼容qml所有版本)

  • 2016-11-21 18:08
  • 20KB
  • 下载

运用QML制作圆形进度条效果

QML中原声的进度条为水平或垂直的直线型进度条,可以用ProgressBar配合style: ProgressBarStyle{}进行实现,要显示圆形或扇形进度,就要用画布进行实现,代码如上。
  • Shado_walker
  • Shado_walker
  • 2016-06-15 20:03
  • 2962

QML做类似Android圆形头像

前言在移动端应用中,用户头像一般都是圆形的, 在Android开发中github上有专门生成圆形图片的库可以使用,传入一张正常照片就可以返回圆形图片,并用户头像设置。那么在QML中也可以实现相同的效果...
  • luoyayun361
  • luoyayun361
  • 2017-04-09 08:36
  • 535
    个人资料
    • 访问:1599次
    • 积分:37
    • 等级:
    • 排名:千里之外
    • 原创:2篇
    • 转载:0篇
    • 译文:0篇
    • 评论:4条
    文章存档
    最新评论