获取锚点以填充 parent 中的剩余区域
Get anchors to fill remaining area in the parent
我有一个名为 MyComponent 的 QML 组件,我有以下实例:
MyComponent {
id: rightComponent
SettingsScreenHeader {
id: settingsHeader
}
SettingsScreen {
id: settingsScreen
}
StackView {
id: settingsStack
anchors.fill: parent
initialItem: settingsScreen
}
}
SettingsScreenHeader
和 SettingsScreen
是另外两个组件。当我在 StackView
object 中执行 anchors.fill: parent
时,它占用了所有 space 并且 header object 被遮盖了。有没有办法告诉它填充 parent 中所有剩余的 space?
尝试使用 ColumnLayout
:
MyComponent {
id: rightComponent
ColumnLayout {
anchors.fill: parent
SettingsScreenHeader {
id: settingsHeader
Layout.fillWidth: true
}
SettingsScreen {
id: settingsScreen
Layout.fillWidth: true
}
StackView {
id: settingsStack
Layout.fillHeight: true
Layout.fillWidth: true
initialItem: settingsScreen
}
}
}
有关详细信息,请参阅 documentation。
我有一个名为 MyComponent 的 QML 组件,我有以下实例:
MyComponent {
id: rightComponent
SettingsScreenHeader {
id: settingsHeader
}
SettingsScreen {
id: settingsScreen
}
StackView {
id: settingsStack
anchors.fill: parent
initialItem: settingsScreen
}
}
SettingsScreenHeader
和 SettingsScreen
是另外两个组件。当我在 StackView
object 中执行 anchors.fill: parent
时,它占用了所有 space 并且 header object 被遮盖了。有没有办法告诉它填充 parent 中所有剩余的 space?
尝试使用 ColumnLayout
:
MyComponent {
id: rightComponent
ColumnLayout {
anchors.fill: parent
SettingsScreenHeader {
id: settingsHeader
Layout.fillWidth: true
}
SettingsScreen {
id: settingsScreen
Layout.fillWidth: true
}
StackView {
id: settingsStack
Layout.fillHeight: true
Layout.fillWidth: true
initialItem: settingsScreen
}
}
}
有关详细信息,请参阅 documentation。