Logo FluentUI

RoundImageView QML Type

一个显示圆角图片的组件。. More...

Import Statement: import FluentUI.Controls 1.0

Properties

Detailed Description

`RoundImageView` 组件用于显示带有圆角边框的图片。该组件支持设置图片的源、源大小、圆角半径、边框宽度和边框颜色。图片和边框都可以根据需要进行调整,以适应不同的设计需求。

示例用法:

 RoundImageView {
 width: 100
 height: 100
 radius: 10
 source: "path/to/image.png"
 sourceSize: Qt.size(200, 200)
 borderWidth: 4
 borderColor: "blue"
 }

Property Documentation

borderColor : color

边框的颜色。默认为 `Theme.primaryColor`。


borderWidth : int

边框的宽度(以像素为单位)。默认为 `3`。


radius : int

圆角的半径,应用于图片和边框的圆角。默认为 `0`。


source : url

要显示的图片的源 URL。


sourceSize : size

图片的源大小。默认为 `Qt.size(width*2, height*2)`。