在 ScrollView 中设置文本的 wrapMode 属性

Question

我是这样写QML的：

import QtQuick 2.2
import QtQuick.Controls 1.1
import QtQuick.Layouts 1.1

import App 0.1

ApplicationWindow {
    id: appWindow
    visible: true
    width: 300
    height: 500

    ColumnLayout {
        ScrollView {
            ColumnLayout {
                Text {
                    width: 250
                    text: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
                    wrapMode: Text.WrapAnywhere
                }
            }
        }
    }

    AppController {
        id: controller
    }
}

这是视觉效果：

我想将 Text 包裹在 ScrollView 中。我尝试了很多模式，但未能达到预期的结果。我该怎么做？

Answer 1

只需删除ColumnLayout，此处不需要。这对我有用（如果这就是你要找的）：

import QtQuick 2.2
import QtQuick.Controls 1.3

ApplicationWindow {
  id: appWindow
  visible: true
  width: 300
  height: 500

  ScrollView {
    anchors.fill: parent

    Column {
      Repeater {
        model: 10
        delegate: Text {
          width: appWindow.width - 50
          text: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
          wrapMode: Text.WrapAnywhere
        }
      }
    }
  }
}

尽可能避免固定尺寸。在您的情况下，Text 不会对 window 调整大小做出反应。此外，在提供代码片段时，只需删除特定片段，例如您的 AppController（即使在这种情况下没什么大不了的，但任何人都可以更轻松地运行并测试您的代码）:)

希望对您有所帮助！

在 ScrollView 中设置文本的 wrapMode 属性

setting wrapMode property of Text in ScrollView

qt

qml

qt5

qtquick2