qml borderImage特定位置拉伸多倍图(解决既要缩放url产品图片又要进行特定位置拉伸)

 给一张图在距离左边60px的位置进行横向拉伸,但是设计给我的是3倍图,不会写了,最后用的方法是先将3倍图拉伸,然后再scale缩小

//strethX :需要拉伸的位置距离左边的相对距离(一倍图)
//bkWidth : 一倍图的宽度
//bkHeight :一倍图的高度
BorderImage {
            border{left: strethX * sourceSize.width / bkWidth; top: sourceSize.height / 2; right: sourceSize.width - strethX * sourceSize.width / bkWidth - 4;bottom: sourceSize.height / 2 }
            width: (一倍图拉伸后的长度) * sourceSize.width / bkWidth

            anchors.left: parent.left
            anchors.leftMargin: 0
            anchors.top: parent.top
            anchors.topMargin: 0

            scale: bkHeight / sourceSize.height
            transformOrigin: Item.TopLeft
            source: "qrc:/.......png"
        }

图中的文字内容会受scale属性影响,所以放在了外面

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值