当前位置: 首页 > 编程笔记 >

java GUI编程之布局控制器(Layout)实例分析

柯乐童
2023-03-14
本文向大家介绍java GUI编程之布局控制器(Layout)实例分析,包括了java GUI编程之布局控制器(Layout)实例分析的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了java GUI编程之布局控制器(Layout)。分享给大家供大家参考,具体如下:

布局控制器,是用来系统自动分配各个component在window内部是怎么排布的;默认为FlowLayout,即挨个排序。FlowLayout是Panel的

instance 1:FlowLayout

import java.awt.*;
public class TestLayout {
 public static void main(String[] args) {
 Frame f = new Frame();
 Button b1 = new Button("ok");
 Button b2 = new Button("open");
 Button b3 = new Button("change");
 f.setBackground(Color.BLUE);
 f.setBounds(100, 100, 300, 300);
 f.setLayout(new FlowLayout());
 f.setResizable(true);
 f.add(b1);
 f.add(b2);
 f.add(b3);
 f.setVisible(true);
 }
}

instance 2:BorderLayout

import java.awt.*;
public class TestBorderLayout {
 public static void main(String[] args) {
 Frame f = new Frame("Border Layout");
 Button bn = new Button("Bn");
 Button bs = new Button("Bs");
 Button be = new Button("Be");
 Button bw = new Button("Bw");
 Button bc = new Button("Bc");
 
// f.add(bw,"West");
// f.add(be,"East");
// f.add(bn,"North");
// f.add(bs,"South");
// f.add(bc,"Center");
// f.setLayout(new BordorLayout());
 f.add(bn,BorderLayout.NORTH);
 f.add(bs,BorderLayout.SOUTH);
 f.add(bw,BorderLayout.WEST);
 f.add(be,BorderLayout.EAST);
 f.add(bc,BorderLayout.CENTER);
 
 f.setSize(200, 200);
 f.setVisible(true);
 }
}

BorderLayout把整个界面划分为东西南北中五个区域块;其中BorderLayout.NORTH等是int类型的数据,为一个常量。

instance 3:GridLayout

import java.awt.*;
public class TestGridLayout {
 public static void main(String[] args) {
 Frame f = new Frame();
 Button b1 = new Button("b1");
 Button b2 = new Button("b2");
 Button b3 = new Button("b3");
 Button b4 = new Button("b4");
 Button b5 = new Button("b5");
 Button b6 = new Button("b6");
 f.setLayout(new GridLayout(3,2));
 
 f.add(b1);
 f.add(b2);
 f.add(b3);
 f.add(b4);
 f.add(b5);
 f.add(b6);
 f.pack();
 f.setSize(200, 200);
 f.setVisible(true);
 }
}

注:当调用Layout后,其内部的component的大小和位置由系统(布局管理器自主分配),而无法认为的设计。而pack()方法是用来显示各个组件的。

instance 4:综合实例

import java.awt.*;
public class TestedLayout {
 public static void main(String[] args) {
 Frame f = new Frame("GUI");
 f.setLayout(new GridLayout(2,1));
 Panel p1 = new Panel(new BorderLayout());
 Panel p2 = new Panel(new BorderLayout());
 Panel p11 = new Panel(new GridLayout(2,1));
 Panel p22 = new Panel(new GridLayout(2,2));
 Button b1 = new Button("button");
 Button b2 = new Button("button");
 Button b3 = new Button("button");
 Button b4 = new Button("button");
 Button b5 = new Button("button");
 Button b6 = new Button("button");
 Button b7 = new Button("button");
 Button b8 = new Button("button");
 Button b9 = new Button("button");
 Button b10 = new Button("button");
 p1.add(b1,BorderLayout.WEST);
 p1.add(b2,BorderLayout.EAST);
 p2.add(b3,BorderLayout.WEST);
 p2.add(b4,BorderLayout.EAST);
 p11.add(b5);
 p11.add(b6);
 p22.add(b7);
 p22.add(b8);
 p22.add(b9);
 p22.add(b10);
 p1.add(p11,BorderLayout.CENTER);
 p2.add(p22,BorderLayout.CENTER);
 f.add(p1);
 f.add(p2);
 f.setBounds(100, 100, 400, 400);
 f.setVisible(true);
 
 }
}

注:一个new等于创建了一个button对象,分配了一个内存空间。即使是完全相同的button即同样的大小名称等,其终究还是哪一个,当其被反复添加时,仅仅是相当于给其换了位置。其和变量不同,并不是单纯的复制,而是内存和对象的指向问题。

更多关于java算法相关内容感兴趣的读者可查看本站专题:《Java数据结构与算法教程》、《Java操作DOM节点技巧总结》、《Java文件与目录操作技巧汇总》和《Java缓存操作技巧汇总》

希望本文所述对大家java程序设计有所帮助。

 类似资料:
  • 介绍 Layout 提供了 van-row 和 van-col 两个组件来进行行列布局。 引入 import { createApp } from 'vue'; import { Col, Row } from 'vant'; const app = createApp(); app.use(Col); app.use(Row); 代码演示 基础用法 Layout 组件提供了 24列栅格,通过

  • Layout 布局 通过基础的 24 分栏,迅速简便地创建布局。 基础布局 使用单一分栏创建基础的栅格布局。 通过 row 和 col 组件,并通过 col 组件的 span 属性我们就可以自由地组合布局。 <el-row> <el-col :span="24"><div class="grid-content bg-purple-dark"></div></el-col> </el-row>

  • Layout 布局 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 通过col组件的span设置需要分栏的比例 <template> <view class="wrap"> <u-row gutter="16"> <u-col span="3"> <view class="demo-layout b

  • 通过基础的 24 分栏,迅速简便地创建布局。 基础布局 使用单一分栏创建基础的栅格布局。 通过 row 和 col 组件,并通过 col 组件的 span 属性我们就可以自由地组合布局。 <el-row> <el-col :span="24"><div class="grid-content bg-purple-dark"></div></el-col> </el-row> <el-row>

  • Layout 布局 通过基础的 24 分栏,迅速简便地创建布局。 基础布局 使用单一分栏创建基础的栅格布局。 ::: demo 通过 Row 和 Col 组件,并通过 Col 组件的 span 属性我们就可以自由地组合布局。 render() { return ( <div> <Layout.Row> <Layout.Col span="24"><div c

  • 这是一个 属性型指令,它可以被用在任何元素上。 通过基础的 24 分栏,迅速简便地创建布局。 基础布局 使用单一分栏创建基础的栅格布局。 el-row 与 el-col 可以被轻易的运用在任何元素上,这些指令使元素具备额外的能力。 <div el-row> <div el-col span="24"><div class="grid-content bg-purple-dark"></div>