Java学习笔记-------好友列表的实现------卡片布局 实例

好友列表的制作：

JPanel 是BorderLayout

分析好友面板：

North ：

：“我的好友”、“陌生人”、“黑名单”采用卡片布局来实现。

点击：‘我的好友’显示 卡片1，

点击：“陌生人” 显示卡片2.

。。

。

Center：

中间是个：JScrollPane ，这个控件，

这个控件放了一个JPanel

(GridLayout(10,1))

好友的头像，是JLabel

South：

JPanel 布局是

GridLayout(2.1);

如何做到，一点陌生人按钮就让他显示第二张卡片 ？？？

这是难点。

同时，对于整个大的框架的布局也是一个大难点。

第一张卡片和第二张卡片它很多东西都是相似的。

如何为每一个卡片指定一个按钮，达到点击相应的按钮，可以显示相应的卡片？？？

总结：

首先这是一个卡片，有3个JPanel

这个最大的Panel 是一个BorderLayout

北部：

/*

好友列表：(也包括陌生人，黑名单)

*/

import javax.swing.*;

import java.awt.*;

import java.awt.event.*;

public class QqFriendList extends JFrame
implements ActionListener,MouseListener

{

// 处理第一张卡片:好友面板 jphy

JPanel jphy1,jphy2,jphy3;

// 第一张卡片当中的三个按钮

JButton jphy_jb1,jphy_jb2,jphy1_jb2;

JScrollPane jspl;

// 处理第二张卡片 （陌生人）

JPanel jpmsr1,jpmsr2,jpmsr3;

JButton jpmsr1_jb1,jpmsr2_jb2,jpmsr_jb3;

JScrollPane jsp2;

//把整个JFrame 设置成一个cardLayout

CarLayout cl;

public static void main(String[] args)

{

QqFriendList qq =new QqFriendList();

}

public QqFriendList()

{

jphy_jb1=new JButton("我的好友");

jphy_jb2=new JButton("陌生人");

jphy_jb3=new JButton("黑名单");

jphy1=new JPanel(new BorderLayout());

// 假定有50个好友 ， GridLayout(50,1,4,4) 其中，4,4，是设置间距的。

jphy2=new JPanel(new GridLayout(50,1,4,4));

// 给jphy2,初始化50个好友

JLabel [] jbls =new JLabel[50];

for(int i=0;i<jbls.length;i++)

{

jbls[i]=new JLabel(i+1,new ImageIcon("image/mm.jpg"),JLabel.lEFT);

jphy2.add(jbls[i]);

}

jphy3=new JPanel(new GridLayout(2,1));

// 把俩个按钮加入到jphy3中。

jphy3.add(jphy_)jb2);

jphy3.add(jphy_jb3);

jspl=new JScrollPane(jphy2);

// 对jphy1初始化，即：整个的这一大块。

jphy1.add(jphy_jb1,"North");

jphy1.add(jspl,"Center");

jphy1.add(jphy3,"South")；

// 处理第二张卡片

jpmsr_jb1=new JButton("我的好友");

jpmsr_jb1.addActionListener（this);

jpmsr_jb2=new JButton("陌生人");

// 为该按钮做个监听，以便于，每当点击“陌生人”按钮时，

// 都会触发 JFrame，从而显示第二张卡片。

jphy_jb2.addActionListener(this);

jpmsr_jb3=new JButton("黑名单");

jpmsr1=new JPanel(new BorderLayout());

// 假定有20个陌生人

jpmsr2=new JPanel(new GridLayout(20,1,4,4));

// 给jphy2,初始化20个陌生人

JLabel [] jbls2=new JLabel[20];

for(int i=0;i<jbls2.length;i++)

{

jbls2[i]=new JLabel(i+1+"",new ImageIcon("image/mm.jpg"),JLabel.lEFT);

//对标签进行监听，从而达到，当鼠标到达时，可以高亮显示

jbls[i].addMouseListener(this);

jpmsr2.add(jbls2[i]);

}

jpmsr3=new JPanel(new GridLayout(2,1));

//把俩个按钮加入到jphy3

jpmsr.add(jpmsr_jb1);

jpmsr.add(jpmsr_jb2);

jsp2=new JScrollPane(jpmsr2);

// 对jpmsr1,初始化

jpmsr1.add(jpmsr3,"North");

jpmsr1.add(jsp2,"Center");

jpmsr1.add(jpmsr_jb3,"South");

// 把整个的JFrame 做成卡片布局，

// 以便于可以容纳多个卡片

cl=new CarLayout();

this.setLayout(cl)；

// 把第一张卡片放入JFrame中

this.add(jph1,"1");// 加载第一张卡片

// 在JFrame 中放置第二张卡片

this.add(jpmsr1,"2");//放置第二张卡片

this.add(jphy1,"Center");

this.setSize(140,400);

this.setVisible(true);

// 监听器

public void actionPerformed(ActionListener arg0)

{

// 如果用户点击的是陌生人按钮的话，就显示第二张卡片

if(arg0.getSource==jphy_jb2)

{

cl.show(this.getContentPane(),"2");// 为什么不能写出cl.show(this,"2");？？？

}

else if(arg0.getSource==jpmsr_jb1)

{

cl.show(this.getContentPane(),"1");//如何理解这句话？？？ 这句话的意思是什么？？

// 如何理解这个cl 对象？ 和这个对象的方法？

// 为什么cl对象，可以控制卡片的显示？？？

}

}

public void mouseClicked(MouseEvent arg0)

{

// 还有一件事，当我选中了一号小人的标签之后，双击可以进入与此人的聊天。

// 响应用户双击的事件，并得到好友的编号，拿到它的socket

if(arg0.getClickCout()==2)

{

//得到给好友的编号

String friendNo=((JLabel)arg0.getSource()).getText();

System.out.println("你希望"+friendNo+"谁聊天");

// 如何做到当双击谁时，能跳出与此人的聊天

}

}

public void mouseEntered(MouseEvent arg0)

{

JLabel jl=(JLabel)arg0.getSource();

jl.setforeground(Color.red);

}

public void mouseExited(MouseEvent arg0)

{

JLabel jl=(JLabel)arg0.getSource();

jl.setforeground(Color.black);

}

}

}

// 还有一件事，当我选中了一号小人的标签之后，双击可以进入与此人的聊天。