需求:
实现这样的一个需求,我们可以先进行分析,然后分步骤实现。
- 首先第一点,外边的整个一部分,肯定需要一个窗体容器包裹起来。
- 然后可以将他们看成两个部分,上面半块是一个部分,下面半块是一个部分
- 然后在对两个半块部分的内容进行分析,按钮是肯定需要的,然后就是布局方式,布局方式的话肯定是一个东南西北中,那中间可以放一个面板,然后在对面板的布局方式进行处理,可以用表格布局方式,设置成两行一列的,然后在把按钮嵌入进去。
- 经过这样的梳理,需求目标就很明确了,下面部分也是同理,只不过进行一些稍稍的改变即可。
- 下面我们来进行代码实现
package com.Ltz2.test;
import java.awt.*;
import java.awt.event.*;
public class MyTestScore {
public static void main(String[] args) {
new Myt_Frame("这是作业的编写逻辑");
}
}
class Myt_Frame extends Frame{
public Myt_Frame(String t){
super(t);
setVisible(true); //设置窗体可见性
setBounds(300,300,900,560);//设置窗体弹出位置和尺寸大小
setResizable(true); //设置窗体不可拉伸
setBackground(Color.pink); //设置窗体背景颜色
//创建需要填充到容器中的面板对象
//并将其设置好对象的布局
Panel pOne = new Panel(new BorderLayout()); //此布局设置为 东西南北中
Panel pTwo = new Panel(new GridLayout(2,1)); // 此布局设置为 两行一列,,表格布局
Panel pThree = new Panel(new BorderLayout()); // 此布局设置为 东西南北中 布局
Panel pFour = new Panel(new GridLayout(2,2)); // 此布局设置为两行两列, 表格布局
//开始向面板对象中添加按钮
pOne.add(new Button("button-1-East"),BorderLayout.EAST);
pOne.add(new Button("button-1-WEST"),BorderLayout.WEST);
pTwo.add(new Button("button-1-1"));
pTwo.add(new Button("button-1-2"));
//将其面板对象填放到容器中
add(pOne);
}
}
//经执行后,看其效果
上半部分的需求,我们就实现好了,下面开始实现下半个部分的效果
package com.Ltz2.test;
import java.awt.*;
import java.awt.event.*;
public class MyTestScore {
public static void main(String[] args) {
new Myt_Frame("这是作业的编写逻辑");
}
}
class Myt_Frame extends Frame{
public Myt_Frame(String t){
super(t);
setVisible(true); //设置窗体可见性
setBounds(300,300,900,560);//设置窗体弹出位置和尺寸大小
setResizable(true); //设置窗体不可拉伸
setBackground(Color.pink); //设置窗体背景颜色
//创建需要填充到容器中的面板对象
//并将其设置好对象的布局
Panel pOne = new Panel(new BorderLayout()); //此布局设置为 东西南北中
Panel pTwo = new Panel(new GridLayout(2,1)); // 此布局设置为 两行一列,,表格布局
Panel pThree = new Panel(new BorderLayout()); // 此布局设置为 东西南北中 布局
Panel pFour = new Panel(new GridLayout(2,2)); // 此布局设置为两行两列, 表格布局
//开始向面板对象中添加按钮
pOne.add(new Button("button-1-East"),BorderLayout.EAST);
pOne.add(new Button("button-1-WEST"),BorderLayout.WEST);
pTwo.add(new Button("button-1-1"));
pTwo.add(new Button("button-1-2"));
//将其面板对象填放到容器中
//add(pOne);
//上述代码先进行注释,因为还有下块的内容需要设置,稍后一起进行添加
//在将设置好的第二个面板,添加进第一个面板对象中
pOne.add(pTwo,BorderLayout.CENTER);
//开始设置容器中的第二块部
pThree.add(new Button("button-2-WEST"),BorderLayout.WEST);
pThree.add(new Button("button-2-EAST"),BorderLayout.EAST);
pFour.add(new Button("button-2-1"));
pFour.add(new Button("button-2-2"));
pFour.add(new Button("button-2-3"));
pFour.add(new Button("button-2-4"));
//设置好了按钮,在将第四个面板对象,添加到第三个面板对象中
pThree.add(pFour,BorderLayout.CENTER);
//将面板对象,添加到窗口容器中
setLayout(new GridLayout(2,0));
//一定要注意这个,如果不设置窗口容器的布局方式,添加面板会存在覆盖问题
add(pOne);
add(pThree);
//最后为了测试时效果查看方便,在添加一个按钮关闭方法
addWindowListener(new WindowAdapter() {
@Override
public void windowClosing(WindowEvent e) {
System.exit(0);
}
});
}
}
//其中,需要注意的点,我已经在注释中说明好了,然后最后来看一下实现的效果
一个简单的小需求练习,我们就实现好了