blackberry 10中使用qml的布局

我正在学习黑莓10。我想为balckberry 10设计一个qml页面，如下所示

我不理解qml中的布局。 我想与特定的宽度和高度布局和一些路线

---

您能为我提供下一页的qml源代码吗。

这是您要求的布局。当然，您需要为

ImageView

、

ImageButton

等提供自己的资产

导入bb.cascades 1.0
页面{
//根
容器{
//[0]
容器{
最大高度：300
最小高度：最大高度
布局：StackLayout{
方向：LayoutOrientation.LeftToRight
}
图像视图{
}
图像视图{
}
图像视图{
}
} //[0]
// [1]
容器{
最大高度：150
最小高度：最大高度
布局：StackLayout{
方向：LayoutOrientation.LeftToRight
}
标签{
文字：“标签”
}
钮扣{
文本：“按钮1”
}
钮扣{
文本：“按钮2”
}
} // [1]
// [2]
容器{
最大高度：600
最小高度：最大高度
水平对齐：水平对齐。填充
// [2-1]
容器{
布局：StackLayout{
方向：LayoutOrientation.LeftToRight
}
图像按钮{
}
图像按钮{
}
图像按钮{
}
} // [2-1]
// [2-2]
容器{
布局：StackLayout{
方向：LayoutOrientation.LeftToRight
}
图像按钮{
}
图像按钮{
}
图像按钮{
}
} // [2-2]
// [2-3]
容器{
水平对齐：水平对齐。填充
布局：码头布局{
}
钮扣{
水平对齐：水平对齐。对
文本：“按钮3”
}
} // [2-3]
} // [2]
// [3]
容器{
最大高度：150
最小高度：最大高度
布局：StackLayout{
方向：LayoutOrientation.LeftToRight
}
文本区{
文本：“文本框”
}
图像视图{
}
} // [3]
}//根
}

此外，如果您希望在相同的

堆栈布局中具有不同的小部件相对大小及其相对位置，我建议您在这种情况下进行调整