"윈도우 10 설정 창"QML

Question

에 -alike 레이아웃 나는 정의 ToolButtons와 Page의 모양과 크기가 고정 버튼이 항상 페이지에 수평으로 중앙에 배치하는 즉, Windows 10 settings screen처럼 행동하는 에 QML 구현하고자하는

창의 너비에 따라 여러 행에 걸쳐 있습니다. 윈도우의 높이가 모든 버튼을 표시하기에 충분하면 수직으로 가운데 정렬해야합니다. 그렇지 않으면 내용을 스크롤하는 수직 스크롤 막대가 제공되어야합니다. 버튼에는 아이콘, 제목 및 설명이 있어야합니다. QtQuick 2을 사용하여이 결과를 얻는 방법?

Answer 1

Flow과 조합하여 ScrollView을 적절히 사용하는 것이 중요합니다. 다음과 같이 계정에 흐름의 아이들의 경계 사각형의 크기를 고려하여 흐름 동적의 왼쪽 상단 앵커 마진을 : 나는 당신의 사람들을 위해 the complete code of the solution을 공유하고

anchors.top: parent.top 
anchors.topMargin: page.height > childrenRect.height + 40 ? (page.height - childrenRect.height)/2 : 20 
anchors.left: parent.left 
anchors.leftMargin: (page.width - childrenRect.width - 40)/2 

을 누가 같은 것을 달성하고 싶어 할지도 모른다 result.