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

柔情只为你懂 2022-08-03 14:53 240阅读 0赞

好友列表的制作：  
  
  
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);  
  
\}  
  
  
\}  
\}  
  
  
  
  
// 还有一件事，当我选中了一号小人的标签之后，双击可以进入与此人的聊天。