自動分頁的面板製作|QQ面板|java|Swing

本來以爲寫一個這樣的面板會很費勁，一開始準備改寫一個Swing中的佈局管理起來完成這樣的面板，但經過仔細考慮還有很多不適合的地方。於是還是使用ComponentListener監聽面板大小變化寫了一個比較通用的翻頁面板先來看看樣子。

似乎不太好看但已經能夠完成翻頁的任務了，還需要進一步的改進來看看代碼是怎樣的吧！

package com.flyingwind.tutorial; import java.awt.BorderLayout; import java.awt.Component; import java.awt.Container; import java.awt.Dimension; import java.awt.Image; import java.awt.event.ComponentEvent; import java.awt.event.ComponentListener; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent; import java.io.File; import java.io.IOException; import java.util.ArrayList; import java.util.List; import javax.imageio.ImageIO; import javax.swing.BoxLayout; import javax.swing.ImageIcon; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JPanel; public class SplitPagePanel extends JPanel implements ComponentListener { private JPanel bodyPanel=new JPanel(); private JPanel leftPanel=new JPanel(); private JPanel rightPanel=new JPanel(); private JPanel topPanel=new JPanel(); private JPanel downPanel=new JPanel(); //分頁類 private PageResultSet pageResultSet; //Button集合 private List list=new ArrayList(); // 頁大小 private int pageSize=1; //方向 public int axis; JLabel fangxiangButton; JLabel fangxiangButton2; JLabel fangxiangButton3; JLabel fangxiangButton4; Image fangxiang; Image fangxiang2; Image fangxiang3; Image fangxiang4; public SplitPagePanel(int axis){ //設置上下左右4個方向的按鈕圖標 try { fangxiang=ImageIO.read(new File("images/fangxiang.gif")); fangxiang2=ImageIO.read(new File("images/fangxiang2.gif")); fangxiang3=ImageIO.read(new File("images/fangxiang4.gif")); fangxiang4=ImageIO.read(new File("images/fangxiang3.gif")); } catch (IOException e1) { // TODO Auto-generated catch block e1.printStackTrace(); } //設置面板佈局 setLayout(new BorderLayout()); this.axis=axis; //設置工具欄佈局 bodyPanel.setLayout(new BoxLayout(bodyPanel, axis)); leftPanel.setLayout(new BoxLayout(leftPanel, axis)); rightPanel.setLayout(new BoxLayout(rightPanel, axis)); topPanel.setLayout(new BoxLayout(topPanel, axis)); downPanel.setLayout(new BoxLayout(downPanel, axis)); //分別將面板放置到合適的位置 this.add(topPanel,BorderLayout.NORTH); this.add(downPanel,BorderLayout.SOUTH); this.add(leftPanel,BorderLayout.WEST); this.add(rightPanel,BorderLayout.EAST); this.add(bodyPanel,BorderLayout.CENTER); //加入對面板改變監聽 this.addComponentListener(this); } /** * 添加按鈕 * @param container */ public void addButton(Container container){ list.add(container); } /** * 刪除一個按鈕 * @param container */ public void removeButton(Container container){ list.remove(container); } /** * 刪除按鈕 * @param index */ public void removeButton(int index){ list.remove(index); } /** * 清空所有按鈕 */ public void clreanButton(){ list.clear(); } /** * 獲取按鈕列表 * @return */ public List getButtons(){ return list; } /** * 設置分頁 */ public void setPageResultSet(List lists){ pageResultSet=new PageResultSet(lists,1,pageSize); } @Override public void componentHidden(ComponentEvent e) { // TODO Auto-generated method stub } @Override public void componentMoved(ComponentEvent e) { // TODO Auto-generated method stub } @Override public void componentResized(ComponentEvent e) { if(BoxLayout.X_AXIS==this.axis){ int width=bodyPanel.getSize().width;//獲取面板寬度 int targtWidth=0; int pageNum=list.size(); for(int i=0;i<list.size();i++){ Container container=(Container)list.get(i); targtWidth+=container.getSize().width; if(targtWidth>=width-5){ pageNum=i; if (!leftPanel.isAncestorOf(fangxiangButton)) { fangxiangButton = new JLabel(new ImageIcon(fangxiang)); fangxiangButton.addMouseListener(new MouseAdapter() { public void mouseReleased(MouseEvent e) { if (pageResultSet != null) { pageResultSet.setCurPage(pageResultSet.previous()); showButton(); } } }); leftPanel.add(fangxiangButton); leftPanel.doLayout(); } if (!rightPanel.isAncestorOf(fangxiangButton2)) { fangxiangButton2 = new JLabel(new ImageIcon(fangxiang2)); fangxiangButton2.addMouseListener(new MouseAdapter() { public void mouseReleased(MouseEvent e) { if (pageResultSet != null) { pageResultSet.setCurPage(pageResultSet.next()); showButton(); } } }); rightPanel.add(fangxiangButton2); rightPanel.doLayout(); } break; } } if (pageResultSet != null) { pageResultSet.setPageSize(pageNum); pageResultSet.setCurPage(pageResultSet.first()); System.out.println(pageResultSet.getPageCount()); showButton(); } }else if(BoxLayout.Y_AXIS==this.axis){ int height=bodyPanel.getSize().height;//獲取面板高度 int targtHeight=0; int pageNum=list.size();//初始化頁面內容數量 for(int i=0;i<list.size();i++){ Container container=(Container)list.get(i); targtHeight+=container.getSize().height; if(targtHeight>=height-5){//如果累加的高度大於面板的高度 pageNum=i;//則頁面只能顯示i個內容 if (!topPanel.isAncestorOf(fangxiangButton3)) { fangxiangButton3 = new JLabel(new ImageIcon(fangxiang3)); fangxiangButton3.addMouseListener(new MouseAdapter() { public void mouseReleased(MouseEvent e) { if (pageResultSet != null) { pageResultSet.setCurPage(pageResultSet.previous()); showButton(); } } }); topPanel.add(fangxiangButton3); topPanel.doLayout(); } if (!downPanel.isAncestorOf(fangxiangButton4)) { fangxiangButton4 = new JLabel(new ImageIcon(fangxiang4)); fangxiangButton4.addMouseListener(new MouseAdapter() { public void mouseReleased(MouseEvent e) { if (pageResultSet != null) { pageResultSet.setCurPage(pageResultSet.next()); showButton(); } } }); downPanel.add(fangxiangButton4); downPanel.doLayout(); } break; } } if (pageResultSet != null) { pageResultSet.setPageSize(pageNum); pageResultSet.setCurPage(pageResultSet.getCurPage()); showButton(); } } } /** * 顯示按鈕 */ public void showButton(){ bodyPanel.removeAll();//先清空bodyPanel面板所有按鈕 //判斷當前頁是否在第一頁 if(pageResultSet.getCurPage()==pageResultSet.first()){ //如果是則清除左邊面板內容和上方面板內容 leftPanel.removeAll(); leftPanel.doLayout(); topPanel.removeAll(); topPanel.doLayout(); }else{ //判斷頁面內容佈局方向 if (BoxLayout.X_AXIS == this.axis) {//如果是X軸方向 //清除下方面板內容和上方面板內容 downPanel.removeAll(); downPanel.doLayout(); topPanel.removeAll(); topPanel.doLayout(); //判斷左方面板是否有內容 if (!leftPanel.isAncestorOf(fangxiangButton)) { //如果沒有則添加左邊按鈕 fangxiangButton = new JLabel(new ImageIcon(fangxiang)); fangxiangButton.addMouseListener(new MouseAdapter() { public void mouseReleased(MouseEvent e) { if (pageResultSet != null) { pageResultSet.setCurPage(pageResultSet .previous()); showButton(); } } }); leftPanel.add(fangxiangButton); leftPanel.doLayout(); } } //判斷頁面內容佈局方向 if(BoxLayout.Y_AXIS==this.axis){//如果是Y軸方向 //清除左方面板內容和右方面板內容 leftPanel.removeAll(); leftPanel.doLayout(); rightPanel.removeAll(); rightPanel.doLayout(); //判斷上方面板是否有內容 if (!topPanel.isAncestorOf(fangxiangButton3)) { //如果沒有則添加上邊按鈕 fangxiangButton3 = new JLabel(new ImageIcon(fangxiang3)); fangxiangButton3.addMouseListener(new MouseAdapter() { public void mouseReleased(MouseEvent e) { if (pageResultSet != null) { pageResultSet.setCurPage(pageResultSet.previous()); showButton(); } } }); topPanel.add(fangxiangButton3); topPanel.doLayout(); } } } //判斷當前頁是否在最後一頁 if(pageResultSet.getCurPage()==pageResultSet.last()){ //如果是則清除右邊面板內容和下方面板內容 rightPanel.removeAll(); rightPanel.doLayout(); downPanel.removeAll(); downPanel.doLayout(); }else{ //判斷頁面內容佈局方向 if (BoxLayout.X_AXIS == this.axis) {//如果是X軸方向 //清除下方面板內容和上方面板內容 downPanel.removeAll(); downPanel.doLayout(); topPanel.removeAll(); topPanel.doLayout(); //判斷右方面板是否有內容 if (!rightPanel.isAncestorOf(fangxiangButton2)) { fangxiangButton2 = new JLabel(new ImageIcon(fangxiang2)); fangxiangButton2.addMouseListener(new MouseAdapter() { public void mouseReleased(MouseEvent e) { if (pageResultSet != null) { pageResultSet.setCurPage(pageResultSet.next()); showButton(); } } }); rightPanel.add(fangxiangButton2); rightPanel.doLayout(); } } //判斷頁面內容佈局方向 if(BoxLayout.Y_AXIS==this.axis){//如果是Y軸方向 //清除左方面板內容和右方面板內容 leftPanel.removeAll(); leftPanel.doLayout(); rightPanel.removeAll(); rightPanel.doLayout(); //判斷右方面板是否有內容 if (!downPanel.isAncestorOf(fangxiangButton4)) { fangxiangButton4 = new JLabel(new ImageIcon(fangxiang4)); fangxiangButton4.addMouseListener(new MouseAdapter() { public void mouseReleased(MouseEvent e) { if (pageResultSet != null) { pageResultSet.setCurPage(pageResultSet.next()); showButton(); } } }); downPanel.add(fangxiangButton4); downPanel.doLayout(); } } } List button=(List) pageResultSet.getData(); for(int i=0;i<button.size();i++){ bodyPanel.add((Component) button.get(i)); } bodyPanel.repaint(); bodyPanel.doLayout(); this.doLayout(); } @Override public void componentShown(ComponentEvent e) {} public static void main(String[] args) { JFrame frame=new JFrame(); frame.setSize(100,200); //設置好面板內容的方向 SplitPagePanel panel=new SplitPagePanel(BoxLayout.X_AXIS); Image ttim = null; Image musicim = null; Image chongwuim = null; Image conrolim = null; Image youxiim = null; Image phoneim = null; try { ttim=ImageIO.read(new File("images/TT.gif")); musicim=ImageIO.read(new File("images/music.gif")); chongwuim=ImageIO.read(new File("images/chongwu.gif")); conrolim=ImageIO.read(new File("images/conrol.gif")); youxiim=ImageIO.read(new File("images/youxi.gif")); phoneim=ImageIO.read(new File("images/phone.gif")); } catch (IOException e1) { // TODO Auto-generated catch block e1.printStackTrace(); } final JLabel tt=new JLabel(new ImageIcon(ttim)); tt.setSize(20,20); tt.setPreferredSize(new Dimension(20, 20)); panel.addButton(tt); final JLabel music=new JLabel(new ImageIcon(musicim)); music.setSize(20,20); music.setPreferredSize(new Dimension(20, 20)); panel.addButton(music); final JLabel chongwu=new JLabel(new ImageIcon(chongwuim)); chongwu.setSize(20,20); chongwu.setPreferredSize(new Dimension(20, 20)); panel.addButton(chongwu); final JLabel conrol=new JLabel(new ImageIcon(conrolim)); conrol.setSize(20,20); conrol.setPreferredSize(new Dimension(20, 20)); panel.addButton(conrol); final JLabel youxi=new JLabel(new ImageIcon(youxiim)); youxi.setSize(20,20); youxi.setPreferredSize(new Dimension(20, 20)); panel.addButton(youxi); final JLabel phone=new JLabel(new ImageIcon(phoneim)); phone.setSize(20,20); phone.setPreferredSize(new Dimension(20, 20)); panel.addButton(phone); Image tishiim = null; Image souim = null; Image moenyim = null; Image gouwuim = null; Image mailim = null; Image qzronim = null; try { tishiim=ImageIO.read(new File("images/tishi.gif")); souim=ImageIO.read(new File("images/sou.gif")); moenyim=ImageIO.read(new File("images/money.gif")); gouwuim=ImageIO.read(new File("images/gouwu.gif")); mailim=ImageIO.read(new File("images/mail.gif")); qzronim=ImageIO.read(new File("images/Qzron.gif")); } catch (IOException e1) { // TODO Auto-generated catch block e1.printStackTrace(); } JLabel tishi=new JLabel(new ImageIcon(tishiim)); tishi.setSize(20,20); tishi.setPreferredSize(new Dimension(20, 20)); panel.addButton(tishi); final JLabel sou=new JLabel(new ImageIcon(souim)); sou.setSize(20,20); sou.setPreferredSize(new Dimension(20, 20)); panel.addButton(sou); final JLabel moeny=new JLabel(new ImageIcon(moenyim)); moeny.setSize(20,20); moeny.setPreferredSize(new Dimension(20, 20)); panel.addButton(moeny); final JLabel gouwu=new JLabel(new ImageIcon(gouwuim)); gouwu.setSize(20,20); gouwu.setPreferredSize(new Dimension(20, 20)); panel.addButton(gouwu); final JLabel mail=new JLabel(new ImageIcon(mailim)); mail.setSize(20,20); mail.setPreferredSize(new Dimension(20, 20)); panel.addButton(mail); final JLabel qzron=new JLabel(new ImageIcon(qzronim)); qzron.setSize(20,20); qzron.setPreferredSize(new Dimension(20, 20)); panel.addButton(qzron); panel.setPageResultSet(panel.getButtons()); panel.doLayout(); frame.getContentPane().setLayout(new BorderLayout()); frame.getContentPane().add(panel,BorderLayout.CENTER); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.setVisible(true); } }

如果對java界面方面有興趣的朋友歡迎加入4601398QQ羣。