Java-JFrame-swing嵌套瀏覽器步驟
一、使用swing嵌套瀏覽器要實現的功能:
通過java的swing實現在一個窗體中嵌套一個瀏覽器,可以在這個瀏覽器中將另一個項目的內容顯示出來,只需要回去另一個項目首頁的url即可,這樣另一個項目就可以在swing嵌套的瀏覽器中進行正常的顯示了;
二、下面的瀏覽器工具類中的方法在使用的時候,只需要從另一個項目的服務端獲取另一個項目的首頁stirng類型的url地址和瀏覽器左上角要顯示的string類型的標題兩個參數即可,參數只有url和title兩個;
(1)主要步驟:
1、通過以下java代碼實現創建瀏覽器;
2、創建JFrame窗體,對窗體進行基本的設置;
3、設置瀏覽器顯示的定位尺寸,并將瀏覽器添加到JFrame窗體中去:
非常注意:將瀏覽器添加到窗體的java代碼一定在將瀏覽器頂部工具欄背景圖片添加到窗體的java代碼之后,否則瀏覽器內容顯示不出來;
4、設置瀏覽器頂部工具欄的左側圖標;
5、設置瀏覽器頂部工具欄的左側標題文字;
6、設置瀏覽器頂部工具欄右側最小化、最大化、關閉等圖片以及鼠標的各種事件;
7、為窗體添加一個事件:當窗體的尺寸發生變化時,就會執行方法體中的Java代碼;因為窗體的大小是可以變化的;
8、非常重要的是:瀏覽器工具類中一定要下面的一行代碼注釋掉,否則其他窗體調用此窗體時,不會彈出此窗體;
// 必須將下行代碼注釋掉,否則不能夠跳轉到此窗體
// NativeInterface.runEventPump();
(2)瀏覽器的工具類全部代碼如下:
package com;
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.FlowLayout;
import java.awt.Font;
import java.awt.Image;
import java.awt.Rectangle;
import java.awt.event.ComponentAdapter;
import java.awt.event.ComponentEvent;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JLayeredPane;
import javax.swing.JPanel;
import javax.swing.JRootPane;
import javax.swing.SwingUtilities;
import com.listener.XZWebBrowserListener;
import com.util.ScreenSize;
import chrriis.common.UIUtils;
import chrriis.dj.nativeswing.swtimpl.NativeInterface;
import chrriis.dj.nativeswing.swtimpl.components.JWebBrowser;
/**
* CS包瀏覽器,首先訪問的是項目首頁
*
* @author admin
*
*/
public class EagleBrowser1 extends JPanel {
private static final long serialVersionUID = 1L;
private JPanel webBrowserPanel;
private JWebBrowser webBrowser;
private JFrame frame;
private Double browserWidth;// 窗體寬度
private Double browserHeight;//窗體高度
public EagleBrowser1() {
}
// 構造方法,傳遞url和title可創建CS包容瀏覽器窗體
public EagleBrowser1(String url, String title) {
/**
* 創建瀏覽器
*/
webBrowserPanel = new JPanel(new BorderLayout());
webBrowser = new JWebBrowser();
webBrowser.navigate(url);
webBrowser.setButtonBarVisible(false);
webBrowser.setMenuBarVisible(false);
webBrowser.setBarsVisible(false);
webBrowser.setStatusBarVisible(false);
webBrowserPanel.add(webBrowser, BorderLayout.CENTER);
XZWebBrowserListener listener = new XZWebBrowserListener();
webBrowser.addWebBrowserListener(listener );
//add(webBrowserPanel, BorderLayout.CENTER);
// webBrowser.executeJavascript("javascrpit:window.location.href='http://www.baidu.com'");
// webBrowser.executeJavascript("alert('haha')"); //執行Js代碼
UIUtils.setPreferredLookAndFeel();
NativeInterface.open();
SwingUtilities.invokeLater(new Runnable() {
public void run() {
//JFrame.setDefaultLookAndFeelDecorated(true);
frame = new JFrame();
// 去掉窗口的裝飾
frame.setUndecorated(true);
// 采用指定的窗口裝飾風格
frame.getRootPane().setWindowDecorationStyle(JRootPane.NONE);
frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
frame.setLocationByPlatform(true);
frame.setLayout(null);
// 注意可見性、窗體大小、窗體居中定位,這三個最好按照此順序書寫
// 設置窗體可見
frame.setVisible(true);
frame.setResizable(true);
// 設置窗體的寬度、高度
frame.setSize(1600, 900);
// 設置窗體居中顯示
frame.setLocationRelativeTo(frame.getOwner());
/**
* 獲取窗體的總寬
*/
browserWidth = frame.getSize().getWidth();
browserHeight = frame.getSize().getHeight();
/**
* 插入瀏覽器頭部窄條的背景圖片
*/
// 創建具有分層的JLayeredPane
JLayeredPane layeredPane = new JLayeredPane();
layeredPane.setBounds(0, 0, browserWidth.intValue(), 40);
// 添加分層的JLayeredPane
frame.getContentPane().add(layeredPane,BorderLayout.CENTER);
// 創建圖片對象
ImageIcon img = new ImageIcon(EagleBrowser1.class.getResource("/images/browser_head.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
img.setImage(img.getImage().getScaledInstance(browserWidth.intValue(), 40, Image.SCALE_DEFAULT));
JPanel panel = new JPanel();
panel.setBounds(0, 0, browserWidth.intValue(), 40);
layeredPane.add(panel, JLayeredPane.DEFAULT_LAYER);//添加到最底層
JLabel lblNewLabel = new JLabel("");
panel.add(lblNewLabel);
lblNewLabel.setIcon(img);
/**
* 將網頁添加到窗體frame中來
*/
//設置瀏覽器距離頭部的距離高度
webBrowserPanel.setBounds(0, 29, browserWidth.intValue(), browserHeight.intValue()-29);
// 添加網頁的JPanel,注意:定要將此行代碼放置在添加JLayeredPane以下
frame.getContentPane().add(webBrowserPanel, BorderLayout.CENTER);
/**
* 插入瀏覽器頭部左邊的圖片
*/
// 創建圖片對象
ImageIcon headLeftImg = new ImageIcon(EagleBrowser1.class.getResource("/images/browser_head_left.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
headLeftImg.setImage(headLeftImg.getImage().getScaledInstance(24, 40, Image.SCALE_DEFAULT));
JPanel headLeftPanel = new JPanel();
headLeftPanel.setBounds(0, -5, 24, 40);
layeredPane.add(headLeftPanel, JLayeredPane.MODAL_LAYER);//添加到比背景圖片高一層的層次中
JLabel headLeftLabel = new JLabel("");
headLeftPanel.add(headLeftLabel);
headLeftLabel.setIcon(headLeftImg);
/**
* 插入瀏覽器窗體左邊的標題
*/
JPanel titlePanel = new JPanel();
titlePanel.setBounds(32, 6, browserWidth.intValue()-150, 20);
layeredPane.add(titlePanel, JLayeredPane.MODAL_LAYER);
//設置JPanel中文字對齊方式為左對齊
titlePanel.setLayout(new FlowLayout(FlowLayout.LEFT));
//設置JPanel為透明的,這樣可以讓JPanel后面的背景顏色顯示出來
titlePanel.setBackground(null);
titlePanel.setOpaque(false);
JLabel titleLbel = new JLabel();
titleLbel.setText(title);
titleLbel.setSize(100, 20);
titleLbel.setHorizontalAlignment(JLabel.LEFT);
titleLbel.setFont(new Font("微軟雅黑", 0, 12));
titleLbel.setForeground(Color.white);
titlePanel.add(titleLbel);
/**
* 插入右邊關閉背景圖片及功能
*/
// 創建圖片對象
ImageIcon headCloseImg = new ImageIcon(EagleBrowser1.class.getResource("/images/browser_close_01.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
headCloseImg.setImage(headCloseImg.getImage().getScaledInstance(40, 40, Image.SCALE_DEFAULT));
JPanel headClosePanel = new JPanel();
headClosePanel.setBounds(browserWidth.intValue() - 40, -5, 40, 40);
layeredPane.add(headClosePanel, JLayeredPane.MODAL_LAYER);
JLabel headCloseLabel = new JLabel("");
headClosePanel.add(headCloseLabel);
headCloseLabel.setIcon(headCloseImg);
headCloseLabel.addMouseListener(new MouseAdapter() {
// 鼠標點擊關閉圖片,實現關閉窗體的功能
@Override
public void mouseClicked(MouseEvent e) {
frame.dispose();//此種方式的關閉只是關閉了窗體,后臺程序還是沒有真正關閉
System.exit(0);//此種方式是真正的關閉
}
// 鼠標進入,換關閉的背景圖片
@Override
public void mouseEntered(MouseEvent e) {
// 創建圖片對象
ImageIcon closeImg1 = new ImageIcon(EagleBrowser1.class.getResource("/images/browser_close_02.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
closeImg1.setImage(closeImg1.getImage().getScaledInstance(40, 40, Image.SCALE_DEFAULT));
headCloseLabel.setIcon(closeImg1);
}
// 鼠標離開,換關閉的背景圖片
@Override
public void mouseExited(MouseEvent e) {
// 創建圖片對象
ImageIcon headCloseImg = new ImageIcon(
EagleBrowser1.class.getResource("/images/browser_close_01.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
headCloseImg.setImage(headCloseImg.getImage().getScaledInstance(40, 40, Image.SCALE_DEFAULT));
headCloseLabel.setIcon(headCloseImg);
}
});
/**
* 插入右邊最大化背景圖片及功能
*/
// 創建圖片對象
ImageIcon headMaxImg = new ImageIcon(EagleBrowser1.class.getResource("/images/browser_middle_01.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
headMaxImg.setImage(headMaxImg.getImage().getScaledInstance(40, 40, Image.SCALE_DEFAULT));
JPanel headMaxPanel = new JPanel();
headMaxPanel.setBounds(browserWidth.intValue() - 40 - 40, -5, 40, 40);
layeredPane.add(headMaxPanel, JLayeredPane.MODAL_LAYER);
JLabel headMaxLabel = new JLabel("");
headMaxPanel.add(headMaxLabel);
headMaxLabel.setIcon(headMaxImg);
headMaxLabel.addMouseListener(new MouseAdapter() {
// 鼠標點擊關閉圖片,實現關閉窗體的功能
@Override
public void mouseClicked(MouseEvent e) {
// 判斷窗體當前寬度,如果與計算機分辨率同樣寬,那么窗體寬度變為默認值,如果小于計算機分辨率寬度,那么窗體變為最大化顯示
if (frame.getSize().getWidth() < ScreenSize.getScreenWidth()) {
//加入此行代碼,可以讓窗體最大化不會遮擋住桌面上底部的工具欄;
frame.setMaximizedBounds(new Rectangle(0, 1, ScreenSize.getScreenWidth().intValue(), ScreenSize.getScreenHeight().intValue()));
frame.setExtendedState(JFrame.MAXIMIZED_BOTH);// 窗體最大化
// 創建圖片對象
ImageIcon maxImg1 = new ImageIcon(EagleBrowser1.class.getResource("/images/browser_max_01.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
maxImg1.setImage(maxImg1.getImage().getScaledInstance(40, 40, Image.SCALE_DEFAULT));
headMaxLabel.setIcon(maxImg1);
} else {
frame.setSize(1600, 900);
frame.setLocationRelativeTo(frame.getOwner());
// 創建圖片對象
ImageIcon maxImg1 = new ImageIcon(EagleBrowser1.class.getResource("/images/browser_middle_01.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
maxImg1.setImage(maxImg1.getImage().getScaledInstance(40, 40, Image.SCALE_DEFAULT));
headMaxLabel.setIcon(maxImg1);
}
}
// 鼠標進入,換關閉的背景圖片
@Override
public void mouseEntered(MouseEvent e) {
// 判斷窗體當前寬度與計算機分辨率寬度大小
if (frame.getSize().getWidth() < ScreenSize.getScreenWidth()) {
//窗體寬度小于計算機分辨率寬度,圖片應顯示中間那種
// 創建圖片對象
ImageIcon maxImg1 = new ImageIcon(EagleBrowser1.class.getResource("/images/browser_middle_02.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
maxImg1.setImage(maxImg1.getImage().getScaledInstance(40, 40, Image.SCALE_DEFAULT));
headMaxLabel.setIcon(maxImg1);
}else{
// 創建圖片對象
ImageIcon maxImg1 = new ImageIcon(EagleBrowser1.class.getResource("/images/browser_max_02.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
maxImg1.setImage(maxImg1.getImage().getScaledInstance(40, 40, Image.SCALE_DEFAULT));
headMaxLabel.setIcon(maxImg1);
}
}
// 鼠標離開,換關閉的背景圖片
@Override
public void mouseExited(MouseEvent e) {
// 判斷窗體當前寬度與計算機分辨率寬度大小
if (frame.getSize().getWidth() < ScreenSize.getScreenWidth()) {
//窗體寬度小于計算機分辨率寬度,圖片應顯示中間那種
// 創建圖片對象
ImageIcon maxImg1 = new ImageIcon(EagleBrowser1.class.getResource("/images/browser_middle_01.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
maxImg1.setImage(maxImg1.getImage().getScaledInstance(40, 40, Image.SCALE_DEFAULT));
headMaxLabel.setIcon(maxImg1);
}else{
// 創建圖片對象
ImageIcon maxImg1 = new ImageIcon(EagleBrowser1.class.getResource("/images/browser_max_01.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
maxImg1.setImage(maxImg1.getImage().getScaledInstance(40, 40, Image.SCALE_DEFAULT));
headMaxLabel.setIcon(maxImg1);
}
}
});
/**
* 插入右邊最小化背景圖片及功能
*/
// 創建圖片對象
ImageIcon headMinImg = new ImageIcon(EagleBrowser1.class.getResource("/images/browser_min_01.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
headMinImg.setImage(headMinImg.getImage().getScaledInstance(40, 40, Image.SCALE_DEFAULT));
JPanel headMinPanel = new JPanel();
headMinPanel.setBounds(browserWidth.intValue() - 40 - 40 - 40, -5, 40, 40);
layeredPane.add(headMinPanel, JLayeredPane.MODAL_LAYER);
JLabel headMinLabel = new JLabel("");
headMinPanel.add(headMinLabel);
headMinLabel.setIcon(headMinImg);
headMinLabel.addMouseListener(new MouseAdapter() {
// 鼠標點擊關閉圖片,實現關閉窗體的功能
@Override
public void mouseClicked(MouseEvent e) {
frame.setExtendedState(JFrame.ICONIFIED);// 最小化窗體
}
// 鼠標進入,換關閉的背景圖片
@Override
public void mouseEntered(MouseEvent e) {
// 創建圖片對象
ImageIcon mainImg1 = new ImageIcon(EagleBrowser1.class.getResource("/images/browser_min_02.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
mainImg1.setImage(mainImg1.getImage().getScaledInstance(40, 40, Image.SCALE_DEFAULT));
headMinLabel.setIcon(mainImg1);
}
// 鼠標離開,換關閉的背景圖片
@Override
public void mouseExited(MouseEvent e) {
// 創建圖片對象
ImageIcon headMinImg = new ImageIcon(EagleBrowser1.class.getResource("/images/browser_min_01.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
headMinImg.setImage(headMinImg.getImage().getScaledInstance(40, 40, Image.SCALE_DEFAULT));
headMinLabel.setIcon(headMinImg);
}
});
/**
* 設置檢測窗體大小發生變化的事件
*/
frame.addComponentListener(new ComponentAdapter() {
@Override
public void componentResized(ComponentEvent e) {
/**
* 獲取尺寸變化后的窗體的寬度、高度
*/
browserWidth = frame.getSize().getWidth();
browserHeight = frame.getSize().getHeight();
/**
* 瀏覽器頂部窄背景圖片寬度改變
*/
layeredPane.setBounds(0, -5, browserWidth.intValue(), 34);
titlePanel.setBounds(32, 6, browserWidth.intValue()-150, 20);
// 創建圖片對象
ImageIcon img1 = new ImageIcon(EagleBrowser1.class.getResource("/images/browser_head.jpg"));
// 設置圖片在窗體中顯示的寬度、高度
img1.setImage(
img1.getImage().getScaledInstance(browserWidth.intValue(), 40, Image.SCALE_DEFAULT));
panel.setBounds(0, -5, browserWidth.intValue(), 40);
panel.add(lblNewLabel);
lblNewLabel.setIcon(img1);
/**
* 瀏覽器頂部窄條右側最小化、最大化、關閉按鈕圖片根據寬度進行定位
*/
headClosePanel.setBounds(browserWidth.intValue() - 40, -5, 40, 40);// 瀏覽器頂部關閉圖片定位
headMaxPanel.setBounds(browserWidth.intValue() - 40 - 40, -5, 40, 40);// 瀏覽器頂部最大化圖片定位
headMinPanel.setBounds(browserWidth.intValue() - 40 - 40 - 40, -5, 40, 40);// 瀏覽器頂部最小化圖片定位
/**
* 瀏覽器寬度、高度進行改變
*/
//設置瀏覽器距離頭部的距離高度
webBrowserPanel.setBounds(0, 29, browserWidth.intValue(), browserHeight.intValue()-29);
}
});
}
});
// 必須將下行代碼注釋掉,否則不能夠跳轉到此窗體
// NativeInterface.runEventPump();
}
public static void main(String[] args) {
String url = "http://www.hao123.com";
String title = "測試CS包瀏覽器";
EagleBrowser1 eagleBrowser = new EagleBrowser1(url, title);
}
}
上述代碼中用到了獲取當前計算機尺寸的工具類代碼如下:
package com.util;
import java.awt.Dimension;
import java.awt.Toolkit;
/**
* 獲取當前計算機分辨率的工具類
* @author admin
*
*/
public class ScreenSize {
//獲取當前計算機分辨率的寬度
public static Double getScreenWidth(){
Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();
return screenSize.getWidth();
}
//獲取當前計算機分辨率的高度
public static Double getScreenHeight(){
Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();
return screenSize.getHeight();
}
}