盒式布局

简介: 盒式布局

行型盒式布局


Box类的静态方法createHorizontalBox()可以获得一个具有行型盒式布局的盒式容器

• Box box;

• box=Box.createHorizontalBox();


行型盒式布局容器中添加的组件的上沿在同一水平线上

image.png


列型盒式布局


Box类的静态方法createVerticalBox()可以获得一个具有列型盒式布局的盒式容器

• Box box;

• box=Box.createVerticalBox();

列型盒式布局容器中添加的组件的左沿在同一垂直线上

image.png


盒式布局管理器


  • 如果想控制盒式布局容器中组件之间的距离,就需要使用水平支撑或垂直支撑
  • Box类调用静态方法createHorizontalStrut(int width)可以得到一个水平支撑,高度为0,宽度是width
  • Box类调用静态方法createVertialStrut(int height)可以得到一个垂直支撑,高度为height ,宽度为0
目录
相关文章
|
24天前
|
前端开发 容器
|
6月前
|
前端开发 JavaScript
网站布局
【6月更文挑战第2天】网站布局。
50 5
|
7月前
布局
​ 可选值: ​ visible. 默认值 子元素会从父元素中溢出,在父元素外部的位置显示 ​ hidden 溢出的内容将会被裁剪不会显示 (一剪没) ​ scroll 滚 ,生成两个滚动条,通过滚动条来查看完整的内容 ​ auto 根据我们需要生成滚动条 ​ overflow-x:单独处理水平的 ​ overflow-y: 单独处理垂直的
|
安全 容器
由圣杯布局引发的思考
今天在MDN看到块格式化上下文有点不以为然,关键是它写的高深莫测,读不懂... 于是下午想试试圣杯布局的时候,终究还是逃不过它。🤣 这里不介绍圣杯布局的历史,这样的文章网上不知道多少篇,我来写写千篇一律中的亮点吧,哈哈。
54 0
|
Web App开发 设计模式 前端开发
DIV+CSS布局总结
DIV+CSS布局总结
|
编解码 前端开发 Android开发
移动布局基础(流式布局)
移动布局基础(流式布局)
129 0
|
前端开发
Flex 布局与传统布局的比较
在前端开发中,页面的布局是一个非常关键的问题。传统的布局方式,如使用浮动和定位来实现布局,虽然可以实现一定的布局效果,但是代码量较多,可维护性较差,难以实现复杂的布局需求。
205 0
|
Web App开发 C++ 容器
Flexbox布局的正确使用姿势
Flexbox布局的正确使用姿势
145 0
|
容器
BorderLayout布局
BorderLayout布局
172 0
BorderLayout布局