如何使用qml在圆圈内显示图像？

Question

嗨，我是黑莓新手。我想使用qul 在圈子中显示图像。

Answer 1

设置图像的最简单方法是将其与另一个图像叠加。在Cascades中，如果使用DockLayout或AbsoluteLayout创建Container，则可以将多个ImageView对象放在另一个上面。默认情况下，第一个对象位于底部，最后一个位于顶部。您只需使用所需形状的透明视口创建图像。您可以在运行时缩放图像，但应该使其大小与保持质量所需的最大帧大小相同。我使用Gimp创建了一个786 x 78x像素的图像，中间有一个白框和一个透明圆圈，并将其作为frame.png保存到资源目录中。我抓住了另一张我很容易拿到的图片，并在适当的地方用这个QML代码创建了一个黑莓项目：

Page {
        Container {
            layout: DockLayout {

            }
            ImageView {
                imageSource: "asset:///FusionMap.PNG"
                preferredHeight: 360
                preferredWidth: 360

            }
            ImageView {
                imageSource: "asset:///frame.png"
                preferredHeight: 360
                preferredWidth: 360

            }
        }
    }

结果如下：