Border Layout

------------------siwuxie095

根面板
contentPane 的默认布局就是 Border Layout

Border Layout 即 边界布局

边界布局
共有 5 个区域:

North、West、Center、East、South

「注意:分界线处(即 边界)是 <Unknown position>」

如:向
contentPane 中添加 5 个 JButton

这 5 个区域不仅仅可以用来放置元素,还可以用来放置

其他的容器,再往里面放置元素

如:


North 放置一个 JPanel,并将其布局改为 Flow Layout,

在其内部添加一个 JButton 和一个 JTextField,对齐方式改

为:LEFT

在 Center 放置一个 JScrollPane,在其内部的 Viewport 添加

一个
JTextArea


South 放置一个 JPanel,并将其布局改为 Flow Layout,

在其内部添加两个 JButton,对齐方式改为:RIGHT

效果如下:

Border Layout 的属性:

元素之间的横向区间(hgap)与纵向区间(vgap)

【made by siwuxie095】

时间: 2024-11-02 13:15:28

Border Layout的相关文章

2.Border Layout 自定义一个Layout来完成布局。

目标: 1.每一个被添加到布局里的控件都是QLayoutItem,我们根据方位添加. 2.定义一个结构体 ItemWrapper.里面包含QLayoutItem和方位. 阅读官方文档: To make your own layout manager, implement the functions addItem(), sizeHint(), setGeometry(), itemAt() and takeAt(). You should also implement minimumSize()

HTML框架布局 - layout.border

经常用到上下左右,中间填充满这样的布局,在java swing中有BorderLayout,HTML中通常使用CSS来实现布局,但要实现border layout这样的效果有些麻烦,很多第三方实现,比如easyui, extjs,功能过于强大,我只是想要一个简单的布局而已,于是自己写了个jquery布局插件,支持嵌套布局以及小功能,方便团队使用,项目地址:https://github.com/samsha/layout.border 简介 简单的布局效果,实现上下左右,中间充满的布局 依赖 需要

布局 - layout

边框布局(border layout)提供五个区域:east.west.north.south.center.以下是一些通常用法: north 区域可以用来显示网站的标语. south 区域可以用来显示版权以及一些说明. west 区域可以用来显示导航菜单. east 区域可以用来显示一些推广的项目. center 区域可以用来显示主要的内容. <div class="easyui-layout" style="width:400px;height:200px;&quo

4、easyUI-七种布局(layout)

1.为网页创建边框布局 边框布局(border layout)提供五个区域:east.west.north.south.center.以下是一些通常用法: north 区域可以用来显示网站的标语. south 区域可以用来显示版权以及一些说明. west 区域可以用来显示导航菜单. east 区域可以用来显示一些推广的项目. center 区域可以用来显示主要的内容. <html> <head> <meta http-equiv="Content-Type"

Ext LayOut

ExtJs FormPanel布局 ExtJS中layout的12种布局风格 extjs的容器组件都可以设置它的显示风格,它的有效值有 absolute, accordion, anchor, border, card, column, fit, form and table.  一共9种. 另外几种见:  http://www.sencha.com/deploy/dev/examples/layout-browser/layout-browser.html  里面有详细的例子. ·  abso

ExtJS中layout的12种布局风格

原文地址: http://www.cnblogs.com/mingforyou/p/4119200.html ExtJS中layout的12种布局风格 extjs的容器组件都可以设置它的显示风格,它的有效值有 absolute, accordion, anchor, border, card, column, fit, form and table.  一共9种. 另外几种见:  http://www.sencha.com/deploy/dev/examples/layout-browser/l

ExtJs常用布局--layout详解(含实例)

序言: 笔者用的ExtJs版本:ext-3.2.0 ExtJs常见的布局方式有:border.form.absolute.column.accordion.table.fit.card.anchor 另外,不常见的布局有:tab.vbox.hbox 本文所有实例代码已提供下载,下载链接:ExtJs常用布局--layout详解实例代码 简介: 最常用的边框布局--BorderLayout 最简单的布局--FitLayout 制作伸缩菜单的布局--Accordion 实现操作向导的布局--CardL

Extjs 关于layout几种类型的小结

1.absolute 在容器中定位显示 Ext.create('Ext.form.Panel', { title: 'Absolute Layout', width: 300, height: 275, layout: { type: 'absolute' // layout-specific configs go here //itemCls: 'x-abs-layout-item', }, url:'save-form.php', defaultType: 'textfield', item

java学习资料

必须养成好的的编码习惯:缩进(用空格).注释.命名约定. 大小写敏感. 单独的":"代表一条空语句. main函数是我们整个程序的执行入口所以必须是静态公开的. 必须写成这样:  public static void main(String[]args){...} 生成jar包: 在eclipse里,选中要打包的几个文件,右键-Export-写文件名-Next-Next-选main方法的class-finish 在jar包的同一文件夹下,新建一个空文档,写"java -jar