QMLテキストの奇妙な動作

debugcn 投稿 Dev

カミル・ザリポフ

次の簡単な例を実行している場合：

import QtQuick 2.9
import QtQuick.Controls 2.2
import QtQuick.Window 2.2
import QtQuick.Layouts 1.3

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

    Popup {
        width: 100
        visible: true
        contentItem: ColumnLayout {
            Rectangle {
                Layout.fillWidth: true
                implicitHeight: 50
                color: "red"
            }

            Text {
                Layout.fillWidth: true
                text: "some very very very very very very very very very very very very long text"
                wrapMode: Text.WordWrap
            }
        }
    }
}

次の警告が表示されます：qrc:/main.qml:12:5: QML Popup: Binding loop detected for property "contentHeight"そしてPopup高さを誤って検出します：

多分に接続されている問題TextのimplicitHeightそれは上のいくつかの依存関係を持っているので、ColumnLayoutS 'implicitHeightが、私は理由を理解することはできません。

バインディングループがどのように表示され、それを解決する方法を誰かが私に説明できますか？

JustWe

解決：

Popup {
    width: 100
    visible: true
    contentItem: Column {

        Rectangle {
            width: parent.width
            implicitHeight: 50
            color: "red"
        }

        Text {
            width: parent.width
            text: "some very very very very very very very very very very very very long text"
            wrapMode: Text.WordWrap
        }
    }
}

警告について：バグのように見えますが、そうではないと思います。2つのrectsにその警告がない場合。

またLayout.fillWidth: true、テキストの削除もありません。したがって、テキストの高さにはColumnLayoutの幅が必要であり、ColumnLayoutはテキストの高さだけ高さを展開します。2つのコンポーネントが互いのサイズを必要とするというパラドックスのように感じます。

更新：

Popup {
    width: 100
    visible: true
    contentItem: ColumnLayout {
        width: parent.width
        Rectangle {
            Layout.fillWidth: true
            implicitHeight: 50
            color: "red"
        }

        Text {
            Layout.fillWidth: true
            text: "some very very very very very very very very very very very very long text"
            wrapMode: Text.WordWrap
        }
    }
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集2021-06-1

コメントを追加

サインイン

分類Dev

Related 関連記事

記事

QMLテキストの奇妙な動作

QMLテキストの奇妙な動作

Oracleテキスト：スコア関数の奇妙な動作

日付=>テキストでExcelの奇妙な動作

テキストビューの楕円サイズの奇妙な動作

Angular5-入力テキストとngModelでの奇妙な動作

UITextFieldにテキストを貼り付けるときの奇妙な動作

UITextFieldにテキストを貼り付けるときの奇妙な動作

奇妙なテキストモードのファイル出力動作

ダイアログでのテキスト読み上げ、奇妙な動作

入力テキストオプション：奇妙な動作

奇妙な方法で動作するキュウリテスト

スプライトキットの奇妙な動作

NodeJSのifステートメントでの奇妙な動作

C ++のreturnステートメントの奇妙な動作？

Javaのreturnステートメントの奇妙な動作

親を子にキャスト - 配列の奇妙な動作

GLSLswitchステートメントの奇妙な動作

COBOL-EXITステートメントの奇妙な動作

returnステートメントの非常に奇妙な動作：Java

Android SQLiteselectステートメントの奇妙な動作

ifステートメントの奇妙な動作

gtkwaveでの奇妙なテストベンチの動作

テキストファイルの反復中にネストされたwhileループの奇妙な動作

円形のテキストボックスwpfプロジェクトでの奇妙な動作

RegExpテスト関数の奇妙な動作

Pythonリストの奇妙な動作

テキストを変更するときのUILabelの等幅フォントの奇妙な動作

Firefoxでの入力フィールドの奇妙な動作（透明なテキスト）

Webアプリケーションのコンテキストスコープの奇妙な動作

Webアプリケーションのコンテキストスコープの奇妙な動作