DockLayout布局
来源:互联网 发布:海淘网站 知乎 编辑:程序博客网 时间:2024/05/23 13:02
DockLayout布局要求子元素停靠式的布局。子元素可以通过horizontalAlignment: HorizontalAlignment.Center和verticalAlignment: VerticalAlignment.Top 确定自己在容器的哪个边。
DockLayout布局可以使用padding概念,确保子元素离容器的填充边距。
DockLayout例子
Container {
layout: DockLayout {}
Button {
text: "Button1"
horizontalAlignment: HorizontalAlignment.Right
verticalAlignment: VerticalAlignment.Top
}
Button {
text: "Button2"
horizontalAlignment: HorizontalAlignment.Right
verticalAlignment: VerticalAlignment.Center
}
}
如果第一个元素放到左上角,第二个元素也放在了左上角,无论是先声明横horizontalAlignment还是先声明竖verticalAlignment,最终结果都是后者遮盖住前者。
后者遮盖前者的例子:
import bb.cascades 1.0
Page {
Container {
layout: DockLayout {
}
Button {
text: "Button1"
horizontalAlignment: HorizontalAlignment.Right
verticalAlignment: VerticalAlignment.Top
}
Button {
text: "Button2"
horizontalAlignment: HorizontalAlignment.Right
verticalAlignment: VerticalAlignment.Top
}
}
}
去掉了老版本容器内元素的布局属性:
Label {
layoutProperties: DockLayoutProperties {
horizontalAlignment: HorizontalAlignment.Left }
}
Label {
horizontalAlignment: HorizontalAlignment.Left
}
- DockLayout布局
- BlackBerry10 Cascades之DockLayout
- 布局
- 布局
- 布局
- 布局
- 布局
- 布局
- 布局
- 布局
- 布局
- 布局
- 布局
- 布局
- 布局
- 布局
- 布局
- 布局
- 我的HIFI WAV 播放器设计之四PCB设计部分
- 关于需求分析,你不能不知道的4个必杀技:捡金子+ Warroom作战室+情节串联板+Build构建 (2/2)
- Apache2 + Tomcat 集群,Apache作为负载均衡
- xsl文件中如何在引号当中写引号
- 设计模式简单理解
- DockLayout布局
- php排序函数
- linux下使用yum安装mysql
- 螺旋矩阵
- android读取网络图片
- 基于android的主题插件编写
- OpenCV - Mat、CvMat、IplImage类型浅析
- javascript 设置图片自动播放
- BloomFilter——大规模数据处理利器