心得笔记网站首页 心得笔记

javase第三季学习笔记-GUI组件介绍-布局实例（qq登录界面）

发布时间：2017-08-10 14:18:39编辑：雪饮阅读（）

点击窗体然后编辑其属性的布局属性，修改为网格布局，然后会产生有rows属性，将其值改为3，并设置窗体属性的title为”登录”，修改iconImage属性以更换窗体图标，并设置窗体为不可改变大小，局部图如下：

如果发现窗体呈现形式异常，不是你所预料的，那么有可能是窗体视图没有被同步到，可尝试关闭窗体重新打开看看。

在awt组件中点击Panel元素，然后在窗体中点击下，会弹出设置元素名称的窗口，设置完成后就可以将Panel元素建立其中。

然后在将awt组件中的label建立于刚才的Panel中以label_username命名，修改其标题为”用户名”。

在此处是通过插件来布局，而不是代码布局，所以原本代码布局中Panel的默认布局方式在这里已经不是FlowLayout，而是变成网格布局了，所以要通过属性面板重新改回去。

同样在awt中选择textField建立于刚才的label_username紧随其后的位置以textField_username命名,并修改该元素的columns属性值为20，即20列。

然后我们开始建立第二块Panel紧随第一块Panel其下，但发现视图上操作不太好操作（总是出现在第一块Pane之上），那么可以通过Java Beans面板中对元素直接拖动进行上下位置的调整。

其它的和第一块Panel一样，只是元素名称稍作修改。

然后添加第三块Panel，和上面一样，只是这次Panel里面添加两个button

全部设计完成后将主窗体的显示属性visible改为true。

然后回到代码区域中，在main方法中将刚才的窗体用new实例化下即可。

当我们预览后发现还有些地方需要修改，而这些地方设计模式未必能够搞定，我们可以在代码中稍作修改，如整个窗体的水平垂直居中等要修改的，我们可以在代码中修改。

最终效果：

灵活使用以下常用组件可以大大提高工作效率：

基本组件

• Label

• 标签组件：可放置文本的组件

• TextField

• 单行文本框：允许编辑单行文本的文本组件

• Checkbox

• 复选框组件：用来创建单选按钮和多选按钮

• List

• 内容可变的列表框组件，可单项或多项选择

• ScrollPane

• 带水平及垂直滚动条的容器组件

• TextArea

• 多行文本域

关键字词：javase,GUI,布局