标签: qml

如何使用Qt Quick制作透明窗口?

有没有办法让qml应用程序的窗口透明?

我正在寻找有关如何使用qml绘制简单形状的详细说明,同时使应用程序的窗口透明,以及背景.一个工作源代码演示将是非常棒的.

c++ qt transparent qml qt-quick

22
推荐指数
3
解决办法
2万
查看次数

清除QML锚点

我有一个MouseArea,我想开始居中,然后按下上/下/左/右键后有一个绝对位置.我的问题是我不知道如何清除MouseArea上的锚点,以便我可以指定一个绝对位置:

import QtQuick 2.0
import QtQuick.Window 2.0

Window {
    id: screen
    width: 360
    height: 360
    visible: true

    Rectangle {
        anchors.fill: parent

        states: [
            State {
                name: "moved"
                AnchorChanges {
                    target: mouseArea
                    anchors.bottom: undefined
                    anchors.left: undefined
                    anchors.right: undefined
                    anchors.top: undefined
                }
            }
        ]

        MouseArea {
            id: mouseArea
            anchors.centerIn: parent
            width: 250
            height: 250
            focus: true
            onClicked: console.log("clicked!")
            onPositionChanged: console.log("position changed!")

            function moveMouseArea(x, y) {
                mouseArea.x += x;
                mouseArea.y += y;
                mouseArea.state = "moved";
                mouseAreaPosText.text = 'Mouse area was moved... new pos: …
Run Code Online (Sandbox Code Playgroud)

qt position qml qt-quick

22
推荐指数
1
解决办法
1万
查看次数

QML中的矩形是透明的,边框除外

在QML中有没有办法创建一个opacity: 0仍然有可见边框的矩形?如果没有,有关如何解决它的任何建议?

谢谢

qml

21
推荐指数
1
解决办法
2万
查看次数

QML代码覆盖率分析

是否有任何工具可以对QML代码进行代码覆盖率分析?这样的问题是否适用于像QML这样的声明性语言?

qml qt-quick

21
推荐指数
1
解决办法
1256
查看次数

QML:Component vs Item作为容器

ComponentItemQML有什么区别?这里的文档并不完全清楚.用作多个小部件的容器的首选类型是什么?可以替换Rectangle吗?

例如,以下声明的区别是什么:

Item {
    id: itemWidget

    Rectangle { id: one }
    Rectangle { id: two }
}
Run Code Online (Sandbox Code Playgroud)

Component {
    id: componentWidget

    Rectangle { id: one }
    Rectangle { id: two }
}
Run Code Online (Sandbox Code Playgroud)

为什么我们通常Component在宣布时使用delegate

qt delegates qml qtquick2 qqmlcomponent

21
推荐指数
2
解决办法
6582
查看次数

如何从QML中的listview访问currentItem的角色?

我正在尝试从QML中的ListView访问角色.基本上,我在我的QML中有这个:

ListView {
    id: myId
    model: myModel
    delegate: Item {
        Text {
            text: model.text
        }
        Text {
            text: model.moreText
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

myModel是一个QAbstractListModel实现.QML部分是可重用的组件,因此模型可以具有各种数据类型的任意数量的不同角色.我想要做的是绑定currentItemListView属性的给定角色的值.换句话说,我想Component在页面上有一些可以将属性绑定到ListView中当前选定项目的其他内容,如下所示:

Text {
    text: myId.currentItem.text // Or myId.currentItem.model.text (or something similar)
}
Run Code Online (Sandbox Code Playgroud)

请记住,我需要这个一般可用,因为我将为许多模型类型做很多事情,我试图不为每个模型和ListView编写那种自定义代码.

看起来访问当前所选项目的属性应该很简单,但据我所知,这是不可能的.当只有一个角色时,模型似乎被区别对待,这个问题更加复杂.我的意思是,有时您通过model.roleName而不是只使用一个角色来访问您的角色modelData.

如果有人有任何建议,我会非常感激.非常感谢!

编辑

我找到了这个:

http://comments.gmane.org/gmane.comp.lib.qt.qml/1778

但是,这似乎对我没用.当我尝试在我的QML脚本中使用数据时,我遇到类型错误,并且没有可用的类型转换,所以我不知道该怎么做.欢迎任何建议!

谢谢!

插口

listview roles qml qabstractlistmodel

20
推荐指数
2
解决办法
3万
查看次数

我们可以在QML文件中声明全局变量吗?

我想对以下代码做一些similer:

//test.qml
import QtQuick 1.0
Item 
{
    var globalforJs =10;

    function increment() // JavaScript function
    {
        globalforJs++;
    }
    ....
QML Code
Run Code Online (Sandbox Code Playgroud)

我们可以使用全局变量QML file并从JavaScript函数访问它吗?

javascript qml

20
推荐指数
2
解决办法
2万
查看次数

QML ListView的不同代表

我想知道是否可以使用(几个)不同的代表进行QML ListView.

根据ListView模型中的单个对象,我想用不同的委托来可视化对象.

这段代码解释了我想要实现的目标:

main.qml

import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Window 2.2
import QtQuick.Dialogs 1.2

ApplicationWindow {
    title: qsTr("Hello World")
    width: 640
    height: 480
    visible: true

    ListModel {
        id: contactsModel
        ListElement {
            name: "Bill Smith"
            position: "Engineer"
        }
        ListElement {
            name: "John Brown"
            position: "Engineer"
        }
        ListElement {
            name: "Sam Wise"
            position: "Manager"
        }
    }

    ListView {
        id: contactsView
        anchors.left: parent.left
        anchors.top: parent.top
        width: parent.width
        height: parent.height
        orientation: Qt.Vertical
        spacing: 10
        model: contactsModel
        delegate: { …
Run Code Online (Sandbox Code Playgroud)

qt listview qml qtquick2

20
推荐指数
5
解决办法
1万
查看次数

声明性UI语言(如XAML和QML)的实际好处是什么?

我目前正在评估QtQuick(Qt用户界面创建工具包),它将作为Qt 4.7的一部分发布.QML是QtQuick背后基于JavaScript的声明性语言.

它似乎是一个非常强大的概念,但我想知道是否有人在WPF或Silverlight中广泛使用其他更成熟的声明性UI语言(如XAML)可以让我们深入了解可以从中获得的实际好处.这种编程风格.通常引用各种优点:

  • 发展速度
  • 强制表示和逻辑之间的分离
  • 编码员和设计师之间更好的整合
  • UI更改不需要重新编译

还有,有什么缺点吗?我想到了一些潜在的关注领域:

  • 执行速度
  • 内存使用情况
  • 增加复杂性

是否还有其他考虑因素需要考虑?

wpf xaml qt qml

19
推荐指数
4
解决办法
6493
查看次数

如何在纯QML + JS中创建循环进度条?

我的应用程序是使用QML + JS制作的,我希望创建一个循环进度条小部件.我可以使用QML矩形创建圆,并将其半径设置为等于宽度/ 2,使其成为圆形.如何创建进度条呢?

我打算实现以下模型.

在此输入图像描述

javascript qml ubuntu-touch

19
推荐指数
2
解决办法
1万
查看次数