画板总结

画板总结

来蓝杰快两个月，画板算是自己的第一个小成果吧，可是到目前为止，该整理的东西还没有整理完，拖拖拉拉这么久，先把自己的所得写下来吧。

画板初级阶段：

一开始是做一个窗体JFrame，设置窗体的框架，如标题，大小，位置等等；现在回头来看，创建一个窗体是最基本也最简单的,因为任何一个东西如果你想要显示出来给别人看，都需要一个窗体；

代码如下：

//创建一个窗体对象 
Javax.swing.JFrame jf=new javax.swing.JFrame(); 
//设置标题 
jf.setTitle("my first frame"); 
//设置窗体的初始大小 
jf.setSize(500,300); 
//设置点击关闭按钮时退出程序 
jf.setDefaultCloseOperation(3); 
//设置显示窗体 
jf.setVisible(true); 

  

 

 显示完窗体则是在窗体上加组件，所有的组件都在包javax.swing.*下面，试过大部分的组件之后才发现好多东西例如单选按钮，复选框，滚动条，工具条，输入框，标签等都是用代码来实现的，也才发现实际操作中的每一个步骤看似那么简单，但是用代码要分解为好几个细节，一个简单的登录按钮，要设置监听器才能实现，平时用的鼠标左右键，键盘erter键等，都得要分别设置监听器；

 

 

 

 

代码如下：

//加组件 
//标签 
javax.swing.JLabel label=new javax.swing.JLabel("帐号："); 
jf.add(label); 
//输入 
javax.swing.JTextField field=new javax.swing.JTextField(30); 
jf.add(field); 
//按钮 
javax.swing.JButton but=new javax.swing.JButton("登录"); 
jf.add(but); 
//创建一个监听器对象 
DrawUIListener lis =new DrawUIListener (); 
//给按钮添加动作监听器 
but.addActionListener(lis ); 

 

 

 画板中级阶段：

当我们在画板上加了各种绘制的单选按钮，并把他们分组之后，还要给按钮添加动作命令，以便让监听器知道通过动作命令获得的具体命令是什么，是画直线，画矩形还是别的例如铅笔还是刷子，当然同时还要添加颜色选择器，才发现之前所熟知的画板中那些颜色要实现他们并让他们看起来美观一些并非易事，要设置大小，加边框，设置前景色和后景色，但是在完成这些之后，我的颜色选择器遇到了最大的问题，就是鼠标按下时选取不到颜色，画图案时是默认的黑色，这让我费了好大的劲，检查了一遍又一遍监听器看是否是颜色属性没有传过来，最后在同学的帮助下才得以解决。当然在画图形时我也犯了不少错误，比如在传参数时搞错顺序这让我跟别人大费脑筋，因为这种低级错误不易检查出来，也不易在控制台上反应；总之，在此过程中我觉得细心是非常重要的一件事，同时别人的给与的帮助或与别人的交流也是必不可少的东西。

部分代码如下：

//创建左边形状工具条(设置为垂直) 
javax.swing.JToolBar left=new javax.swing.JToolBar(javax.swing.JToolBar.VERTICAL); 
//创建尺寸大小 
java.awt.Dimension leftdim=new java.awt.Dimension(80,200); 
//设置大小 
left.setPreferredSize(leftdim); this.add(left,BorderLayout.WEST); 
//****************左边工具条上的图标**************// 
//设置布局 
left.setLayout(new FlowLayout(FlowLayout.CENTER, 0, 0)); 
//按钮分组 
javax.swing.ButtonGroup group1=new javax.swing.ButtonGroup(); 
//设置大小 
java.awt.Dimension imagedim=new java.awt.Dimension(35,35); String[] commands={"0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16"}; for(int i=0;i<commands.length;i++){ 
//加单选按钮 
javax.swing.JRadioButton shape=new javax.swing.JRadioButton(); 
//设置大小 
shape.setPreferredSize(imagedim); 
//设置内边距 
shape.setMargin(new java.awt.Insets(0, 0, 0, 0));
 ...................
 //设置动作命令 
shape.setActionCommand(commands[i]); 
//实现按钮分组 
group1.add(shape); 
//将按钮加到左边工具条上 
left.add(shape); }
 //****************底部颜色工具条及状态栏*****************// 
//在panel上加工具条 和 panel(状态栏) 
//先创建底部面板 
javax.swing.JPanel bottom=new javax.swing.JPanel(); 
//创建尺寸大小 
java.awt.Dimension bottomdim=new java.awt.Dimension(200,100); 
//设置大小 
bottom.setPreferredSize(bottomdim); 
this.add(bottom,BorderLayout.SOUTH); 
//将底部面板设置布局 
bottom.setLayout(new BorderLayout()); 
//创建底部颜色工具条(默认为水平) 
//把工具条分为左右两个panel 
javax.swing.JToolBar colortool=new javax.swing.JToolBar(); 
//创建尺寸大小 
java.awt.Dimension colortooldim=new java.awt.Dimension(200,70); 
//设置大小 
colortool.setPreferredSize(bottomdim); 
bottom.add(colortool,BorderLayout.CENTER); 
//工具条上左边背景色 
javax.swing.JPanel leftpanel=new javax.swing.JPanel(); leftpanel.setPreferredSize(new java.awt.Dimension(20,20)); leftpanel.setBorder(new javax.swing.border.BevelBorder (javax.swing.border.BevelBorder.LOWERED, Color.white, Color.GRAY)); 
//设置布局为null
 leftpanel.setLayout(null); 
colortool.add(leftpanel);
 .................... 
leftpanel.add(frontLabel); leftpanel.add(backLabel); 
//工具条上右边颜色选择器 
javax.swing.JPanel rightpanel=new javax.swing.JPanel(); rightpanel.setPreferredSize(new java.awt.Dimension(225, 32)); rightpanel.setLayout(new FlowLayout(0, 0, 0)); 
// 循环加上颜色按钮 
........................... 
colortool.add(rightpanel); 
//用匿名内部类来创建鼠标监听器对象 
java.awt.event.MouseAdapter mlis = new java.awt.event.MouseAdapter() { public void mousePressed(MouseEvent e) { 
// 得到事件源对象并强制转换（就是被点击的按钮对象） 
javax.swing.JButton but = (javax.swing.JButton) e.getSource(); 
//得到按钮的背景颜色 
Color c=but.getBackground();
//得到鼠标点击的是左键还是右键 
int butNum = e.getButton(); 
if(butNum==1){ frontLabel.setBackground(c); }else if(butNum==3){ backLabel.setBackground(c);
                              }
                      } 
            }; 

 

 

 

 

 

 

 

画板终极阶段：

当我们在画板上画完东西，只要一小化，当你在打开的时候，所画的东西就不在了，为什么会这样呢？原来当我们在画板上画东西的时候，没有真正意义上让你专门画东西的，所谓的获取的画布其实都是屏幕，所以当窗体小化时，所绘的图也就不存在了，所以这时候我们就需要重绘了，重绘的方法我们学了三种，队列（保存形状对象），数组（将画布的每个点保存），以及将整张图片保存的方式，各有各的好处，当然最后一种最为简单，但是相对而言，第一种和第二种能更好的实现放大镜的功能。

部分代码如下（第一种）：

 

class mypanel extends javax.swing.JPanel{ //重写父类中绘制组件的方法 public void paint(java.awt.Graphics g){ /JPanel即父类中的方法只能绘制组件， //要绘制保存的形状对象必须重写父类的方法 super.paint(g); System.out.println("重绘"); //绘制队列中保存的形状对象 for(int i=0;i<shapes.getLength();i++){ //取出形状对象 shape s = shapes.get(i); //绘制形状 java.awt.Graphics2D g2 = (java.awt.Graphics2D)g; s.draw(g2); } } }

 

部分代码如下（第二种）：

 

class mypanel extends javax.swing.JPanel{ //重写绘制组件的方法 public void paint(java.awt.Graphics g){ //调用父类的方法稍作改变来绘制组件本身 super.paint(g); if(dlis!=null&&dlis.area!=null){ //遍历数组 System.out.println("重绘"); int[][] area=dlis.area; for(int i=0;i<area.length;i++){ for(int j=0;j<area[i].length;j++){ int cNum=area[i][j]; //如果颜色坐标不等于背景颜色才需重绘 if(cNum!=this.getBackground().getRGB()){ //创建颜色对象 java.awt.Color color=new java.awt.Color(cNum); g.setColor(color); //用得到的颜色坐标重新绘制那一个点 g.drawLine(j, i, j, i); } } } } } }

 

部分代码如下（第三种）:

class mypanel extends javax.swing.JPanel{ //重写绘制组件的方法 public void paint(java.awt.Graphics g){ //调用父类的方法稍作改变来绘制组件本身 super.paint(g); if(dlis!=null&&dlis.img!=null){ //遍历数组 System.out.println("重绘"); //用得到的颜色坐标重新绘制那一个点 g.drawImage(dlis.img,0,0,dlis.img.getWidth(),dlis.img.getHeight(),null); } } }

 

 

画板的实现大部分都已实现，在此过程中曾沮丧过，灰心过，到现在为止还是有些东西不会或是不熟，但是就像龙哥所说的，即便不会，也要把代码照着多敲几遍，让自己有感觉，不管怎样，相比其它人而言，我们都应经开始着手了，开始行动了，这就是进步，只是我需要更大的进步，但我明白这需要我更多的努力，任何一件事，都没那么容易，但只要坚持就总能看到希望。

我的代码之旅，Come on!我来了！！!