画图板——含有面板画图板的实现（2019.11.9）

画图板

首先，创建一个界面，给它设置大小、标题、位置（指在电脑屏幕的位置）、背景以及布局最后不要忘了将其可视化（setVisible）。其次，按钮、面板都算作组件，将它们添加在窗体这一顶级容器上。注：面板也是容器可以添加组件。

面板

面板在界面上分东南西北中五个方向。在将面板添加到窗体上时只要采用:窗体名.add(面板名,BorderLayout.方位)的格式就OK了。注意在设置面板尺寸的时候north和south的面板仅设置y值，east和west时只设置x值，中央面板不设长宽，它们将自动靠边。

代码

public class DrawPad extends JFrame{
 public void initUI(){
  JFrame jf=new JFrame();
  jf.setTitle("画图版");
  jf.setSize(600,600);
  jf.setDefaultCloseOperation(3);//JFrame.EXIT_ON_CLOSE    
  jf.setLocation(20,20);//位置
 //FlowLayout flowL = new FlowLayout()；
 //jf.setLayout(flowL); //流式布局 而JPanle需要边框布局BorderLayout
   
   //现在加入面板 东南西北中 五个方位
    JPanel jpe =new JPanel();
    JPanel jpn =new JPanel();
    JPanel jpw =new JPanel();
    JPanel jps =new JPanel();
    JPanel jpc =new JPanel();   
 jpn.setPreferredSize(new Dimension(0,65));
 jpn.setBackground(Color.BLACK);
 jf.add(jpn,BorderLayout.NORTH);
 
 jps.setPreferredSize(new Dimension(0,20));
 jps.setBackground(Color.lightGray);
 jf.add(jps,BorderLayout.SOUTH);
 
 jpc.setBackground(Color.WHITE); 
 jf.add(jpc,BorderLayout.CENTER);
 
 jpe.setPreferredSize(new Dimension(50,0));
 jpe.setBackground(Color.GRAY);
 jpe.setLayout(new FlowLayout());//设置布局方式为流式布局
 jf.add(jpe,BorderLayout.EAST);
 
 jpw.setPreferredSize(new Dimension(50,0));
 jpw.setBackground(Color.GRAY);
 jf.add(jpw,BorderLayout.WEST);

String[] numstr= {"Fractal1","Fractal2","Fractal3","Fractal4","Fractal5","Fractal6","Fractal7","Fractal8","Fractal9","Fractal10","Fractal11","Fracta1l2"};
 Color[] color = { Color.BLACK, Color.BLUE, Color.YELLOW, Color.RED, Color.GREEN };//十二按钮5颜色按钮
 for(int i=0;i<numstr.length;i++){
  JButton btn= new JButton(numstr[i]);
  Dimension btn2 = new Dimension(90,15);
  btn.setPreferredSize(btn2);  
  jpn.add(btn);
 }
  for (int i = color.length - 1; i >= 0; i--) {
   JButton jb = new JButton();
   jb.setBackground(color[i]);//设置背景颜色
   Dimension dm = new Dimension(20, 20);//设置大小
   jb.setPreferredSize(dm); 
   jpn.add(jb);
  }
  jf.setVisible(true);//可视化放在最后
  Graphics  g = jpc.getGraphics(); //在中央面板上加入画笔
 }
 public static void main(String[]args){
  DrawPad D =new DrawPad();
  D.initUI();
 }
}

效果如下：