用Java语言对QQ进行终极山寨---晴儿QQ诞生记之登录界面(补充篇)

       寝室同学开了家餐厅，所以最近一段时间一直没怎么上Javaeye写博客，课余时间几乎都在他们那帮忙，利用晚上回寝室休息的时间再对原来界面进行了些改进，添加了登录状态选择组件，希望能彻底达到“终极”山寨的效果，效果截图如下：  
    
      登录状态选择组件说白了其实就是个JButton组件，只不过是自定义的而已，点进入后出现边框Border，点击后出现下拉菜单JPopupMenu，只不过这个Border和JPopupMenu都是自定义的而已，代码如下：
      

package com.ui;
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Cursor;
import java.awt.Dimension;
import java.awt.Image;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.io.IOException;
import javax.swing.GroupLayout;
import javax.swing.ImageIcon;
import javax.swing.JCheckBox;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.border.EmptyBorder;
import com.component.StatusButton;
import com.component.TPasswordField;
import com.component.TTMenuItem;
import com.component.TTPopupMenu;
import com.component.TTbutton;
import com.component.TTextField;
import com.uiutil.UIUtil;
public class LoginFrame extends JFrame{
	/**阐述：该文件定义了晴儿QQ即时通软件的登录界面
	 * 作者：陈阳(JavaEye博客：http://chen6485.iteye.com/)
	 * 说明：开发环境：MyEclipse6.6 JDK版本:Java(TM)SE Development Kit 6 Update 22
	 */
	private static final long serialVersionUID = -5273122846846405854L;
	private ImageIcon titleIcon=new ImageIcon(this.getClass().getResource("../image/103.png"));//登录窗体栏图标
	private ImageIcon topPictrue=new ImageIcon(this.getClass().getResource("../image/qing1.png"));//登录窗体内的图片
	private ImageIcon online=new ImageIcon(this.getClass().getResource("../image/Button/online.png"));//在线状态图标
	private Image onlineImage=online.getImage();
	private ImageIcon tme=new ImageIcon(this.getClass().getResource("../image/Button/tme.png"));//T我状态图标
	private Image tmeImage=tme.getImage();
	private ImageIcon away=new ImageIcon(this.getClass().getResource("../image/Button/away.png"));//离开状态图标
	private Image awayImage=away.getImage();
	private ImageIcon busy=new ImageIcon(this.getClass().getResource("../image/Button/busy.png"));//忙碌状态图标
	private Image busyImage=busy.getImage();
	private ImageIcon no=new ImageIcon(this.getClass().getResource("../image/Button/no.png"));//勿扰状态图标
	private Image noImage=no.getImage();
	private ImageIcon hide=new ImageIcon(this.getClass().getResource("../image/Button/hide.png"));//隐藏状态图标
	private Image hideImage=hide.getImage();
	private TTPopupMenu sta=new TTPopupMenu();//状态选择下拉菜单
	private TTMenuItem status1=new TTMenuItem("我在线上",online);
	private TTMenuItem status2=new TTMenuItem("Q我吧",tme);
	private TTMenuItem status3=new TTMenuItem("离开",away);
	private TTMenuItem status4=new TTMenuItem("忙碌",busy);
	private TTMenuItem status5=new TTMenuItem("请勿打扰",no);
	private TTMenuItem status6=new TTMenuItem("隐身",hide);
	private JLabel lab_name=new JLabel("    账号");//账号标签
	private JLabel lab_pswd=new JLabel("    密码");//密码标签
	private JLabel lab_register=new JLabel("注册账号");//注册账号标签
	private JLabel lab_getback=new JLabel("找回密码");//找回密码标签
	private JLabel lab_status=new JLabel("    状态");//状态标签
	private JLabel lab_pic=new JLabel();//登录窗体内图片标签
	private TTextField jt=new TTextField();
	private TPasswordField p=new TPasswordField();
	private JCheckBox jc_remenber=UIUtil.creatCheckBox("记住密码");//记住密码复选框
	private JCheckBox jc_auto=UIUtil.creatCheckBox("自动登录");//自动登录复选框
	private JPanel center=new JPanel();//中间面板
	private JPanel bottom=new JPanel();//底部面板
	private TTbutton login=new TTbutton("登录");//登录按钮
	private TTbutton set=new TTbutton("设置");//设置按钮
	private StatusButton status=new StatusButton(onlineImage);//状态选择按钮
	public static String name;//登录账号
	public static String pswd;//登录密码
	public static String statusStr;//登录状态
	public LoginFrame(){
		initComponent();
		init();
	}
	private void init(){
		add(BorderLayout.NORTH,lab_pic);//在登录窗体最上部添加图片
		add(BorderLayout.CENTER,center);//在登录窗体中间添加中间面板
		add(BorderLayout.SOUTH,bottom);//在登录窗体下面添加底部面板
		setTitle("晴儿QQ");//设置登录窗体标题
		setSize(340,244);//设置登录窗体大小
		setLocationRelativeTo(null);//设置登录窗体位置居中,需置于设置大小方法之后调用
		getRootPane().setDefaultButton(login);//设置默认按钮，即点回车键即相当于鼠标点击该按钮
		setResizable(false);//设置无法改变大小
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置窗体可完全退出，没有这句即使点击关闭也会留存于内存中
		setIconImage(titleIcon.getImage());//设置窗体的图标
		setAlwaysOnTop(true);//窗体总是居前
		setVisible(true);//设置可见
		login.requestFocus();//设置登录按钮处于焦点状态，该调用只能放在setVisible之后才凑效
	}
	private void initComponent(){
		sta.add(status1);
		sta.add(status2);
		sta.add(status3);
		sta.add(status4);
		sta.add(status5);
		sta.add(status6);
		lab_register.setForeground(Color.BLUE);//设置注册账号标签颜色
		lab_getback.setForeground(Color.BLUE);//设置取回密码标签颜色
		lab_register.setCursor(new Cursor(Cursor.HAND_CURSOR));//设置注册标签光标
		lab_getback.setCursor(new Cursor(Cursor.HAND_CURSOR));//设置取回密码光标
		lab_pic.setIcon(topPictrue);//图片也是一种JLabel标签
		center.setBackground(new Color(228,244,255));//设置中间面板颜色188,255,176    
		bottom.setBackground(new Color(196,228,250));//设置底部面板颜色46,237,74      
		bottom.setPreferredSize(new Dimension(340,35));//设置底部面板首选大小
		bottom.setLayout(new BorderLayout());//底部面板使用BorderLayout布局
		bottom.setBorder(new EmptyBorder(5, 10, 8, 10));
		bottom.add(login,BorderLayout.EAST);//底部面板添加login按钮
		bottom.add(set,BorderLayout.WEST);//底部面板添加set按钮
		GroupLayout layout = new GroupLayout(center);//实例化GroupLayout
		center.setLayout(layout);//中间面板使用组布局
		layout.setAutoCreateGaps(true);//设置自动填充与组件间的空隙
	    layout.setAutoCreateContainerGaps(true);//设置自动填充与容器间的空隙
	    //左边并行组
	    GroupLayout.ParallelGroup h1=layout.createParallelGroup(GroupLayout.Alignment.LEADING);
	    h1.addComponent(lab_name);
	    h1.addComponent(lab_pswd);
	    h1.addComponent(lab_status);
	    //中间并行组
	    GroupLayout.SequentialGroup h=layout.createSequentialGroup();
	    h.addComponent(status).addGap(15).addComponent(jc_remenber).addGap(15).addComponent(jc_auto);
	    GroupLayout.ParallelGroup h2 = layout.createParallelGroup(GroupLayout.Alignment.LEADING);
	    h2.addComponent(jt);
	    h2.addComponent(p);
	    h2.addGroup(h);
	    //右边并行组
	    GroupLayout.ParallelGroup h3 = layout.createParallelGroup(GroupLayout.Alignment.LEADING);
	    h3.addComponent(lab_register);
	    h3.addComponent(lab_getback);
	    layout.setHorizontalGroup(layout.createSequentialGroup().addGroup(h1).addGroup(h2).addGroup(h3));//水平方向上添加左中右并行组
	    //上边串行组
	    GroupLayout.ParallelGroup v1 = layout.createParallelGroup(GroupLayout.Alignment.CENTER);
	    v1.addComponent(lab_name);
	    v1.addComponent(jt);
	    v1.addComponent(lab_register);
	    //中间串行组
	    GroupLayout.ParallelGroup v2 = layout.createParallelGroup(GroupLayout.Alignment.CENTER);
	    v2.addComponent(lab_pswd);
	    v2.addComponent(p);
	    v2.addComponent(lab_getback);
	    //下面串行组
	    GroupLayout.ParallelGroup v3 = layout.createParallelGroup(GroupLayout.Alignment.CENTER);
	    v3.addComponent(lab_status);
	    v3.addComponent(status);
	    v3.addComponent(jc_remenber);
	    v3.addComponent(jc_auto);
	    layout.setVerticalGroup(layout.createSequentialGroup().addGap(15).addGroup(v1).addGap(10).addGroup(v2).addGap(15).addGroup(v3));//垂直方向上添加上中下串行组
	    login.addActionListener(new ActionListener(){//登录按钮事件监听
			public void actionPerformed(ActionEvent e){
				login();
			}	
	    });
	    status.addMouseListener(new MouseAdapter(){//状态选择按钮事件监听
	    	public void mouseClicked(MouseEvent e){
				if(e.getButton()==MouseEvent.BUTTON1){
				sta.show(e.getComponent(),-5,20);
				}
	    	}
	    });
	    status1.addActionListener(new ActionListener(){
			public void actionPerformed(ActionEvent e){
				status.setNormalImage(onlineImage);
				statusStr="1";
			}		
		});
		status2.addActionListener(new ActionListener(){
			public void actionPerformed(ActionEvent e){
				status.setNormalImage(tmeImage);
				statusStr="2";
			}		
		});
		status3.addActionListener(new ActionListener(){
			public void actionPerformed(ActionEvent e){
				status.setNormalImage(awayImage);
				statusStr="3";
			}		
		});
		status4.addActionListener(new ActionListener(){
			public void actionPerformed(ActionEvent e){
				status.setNormalImage(busyImage);
				statusStr="4";
			}		
		});
		status5.addActionListener(new ActionListener(){
			public void actionPerformed(ActionEvent e){
				status.setNormalImage(noImage);
				statusStr="5";
			}		
		});
		status6.addActionListener(new ActionListener(){
			public void actionPerformed(ActionEvent e){
				status.setNormalImage(hideImage);
				statusStr="6";
			}		
		});
		jc_auto.addActionListener(new ActionListener(){//为自动登录复选框注册事件监听
			public void actionPerformed(ActionEvent e){
				autoLogin();
			}		
		});
		lab_register.addMouseListener(new MouseAdapter(){//为注册账号标签注册事件监听
			public void mouseClicked(MouseEvent e){
				register(); 
			}
		});
		lab_getback.addMouseListener(new MouseAdapter(){//为找回密码账号标签注册事件监听
			public void mouseClicked(MouseEvent e){
				getback();
			}
		});
	}
	public void autoLogin(){//自动登录事件
		jc_remenber.setSelected(true);
	}
	public void register(){//注册账号事件
		try{
			Runtime.getRuntime().exec("cmd /c start http://ptlogin2.qq.com");
		}catch( IOException ee ){
			ee.printStackTrace();
		}
	}
	public void getback(){//找回密码事件
		try{
			Runtime.getRuntime().exec("cmd /c start http://ptlogin2.qq.com");
		}catch( IOException ee ){
			ee.printStackTrace();
		}
	}
	public void login(){//登录按钮事件
		name=jt.getText();//获取登陆账号
		pswd=String.valueOf(p.getPassword());//获取登录密码
		new LoginingFrame();//实例化正在登陆界面
		LoginFrame.this.dispose();//销毁当前窗口
	}
	public static void main(String args[]){
		UIUtil.setSysFont();
		new LoginFrame();
	}
}

     
        登录状态选择组件总的来说较耗精力，但终究是弄出来了，呵呵，所有登录界面上的工作基本上完成，除了那个账号输入框和密码输入框右边还应有个按钮之外，其他的基本实现了，至于如何在JTextField右边添加按钮，直到目前为止还的确是个问题，不过总的来说问题不大，暂时先不管先实现其他的，下面应该是正在登录界面了吧？看看时间，天啊！11点多了，寝室每天晚上得11:30自动停电的，那，就以后再写吧！Good Night！各位Javaeye的网友！

评论

3 楼 Danny的JAVA世界 2012-10-10  

做界面的水平可以啊，我也看了挺多书籍，但是感觉总是没有找到感觉，能够指点一二？

2 楼 Danny的JAVA世界 2012-10-10  

lz，牛！

1 楼 banxi1988 2011-04-08  

com.component.StatusButton;

请问上面的这些组件是那里的？
如果是你自己写的，那请贴出来吧。
我们想测试 也通不过。
虽然 论坛上有人对你的reverse不以为然，
但我觉得还是很值得学习的。
代码也写得挺不错的。很整洁1