盒式布局

简介: 盒式布局

行型盒式布局


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
目录
相关文章
|
2月前
|
前端开发
两栏布局的实现
两栏布局的实现
|
2月前
布局
​ 可选值: ​ visible. 默认值 子元素会从父元素中溢出,在父元素外部的位置显示 ​ hidden 溢出的内容将会被裁剪不会显示 (一剪没) ​ scroll 滚 ,生成两个滚动条,通过滚动条来查看完整的内容 ​ auto 根据我们需要生成滚动条 ​ overflow-x:单独处理水平的 ​ overflow-y: 单独处理垂直的
|
7月前
|
安全 容器
由圣杯布局引发的思考
今天在MDN看到块格式化上下文有点不以为然,关键是它写的高深莫测,读不懂... 于是下午想试试圣杯布局的时候,终究还是逃不过它。🤣 这里不介绍圣杯布局的历史,这样的文章网上不知道多少篇,我来写写千篇一律中的亮点吧,哈哈。
29 0
|
8月前
|
Web App开发 设计模式 前端开发
DIV+CSS布局总结
DIV+CSS布局总结
|
11月前
圣杯布局实现
圣杯布局实现
|
11月前
|
前端开发 容器
两栏布局的实现方式
两栏布局的实现方式
|
12月前
|
前端开发 容器
从0开始学习FlexBox布局
之前研究过一篇《移动端适配总结》,里面主要通过布局不变,改变布局组件元素的大小去适应移动端。但是这种方式对于PC端或者Pad等大屏幕并不适合,所以从想找找看是否有新的方案能否满足跨端自适应布局方式。
89 0
|
编解码 前端开发 Android开发
移动布局基础(流式布局)
移动布局基础(流式布局)
112 0
|
前端开发
Flex 布局与传统布局的比较
在前端开发中,页面的布局是一个非常关键的问题。传统的布局方式,如使用浮动和定位来实现布局,虽然可以实现一定的布局效果,但是代码量较多,可维护性较差,难以实现复杂的布局需求。
171 0
|
Web App开发 C++ 容器
Flexbox布局的正确使用姿势
Flexbox布局的正确使用姿势
123 0

热门文章

最新文章