通過頂部的面板使背景圖像顯示

當我在面板中添加面板和對象時，我希望將圖像設置爲背景並通過置於其上的面板顯示。我讀過你可以做這個賭注設置panel.setOpaque(false)選項，但是這似乎並不奏效。通過頂部的面板使背景圖像顯示

這裏是我的編譯器目錄和它是如何設置（使用的是IntelliJ）...

這裏是背景圖片...

下面是代碼...

BackgroundPanel class>http://www.camick.com/java/source/BackgroundPanel.java

/** 
* Created by James Page on 4/16/2017. 
*/ 
package Main; 

import org.apache.commons.lang3.ArrayUtils; 

import java.awt.*; 
import java.awt.event.ActionEvent; 
import java.awt.event.ActionListener; 

import javax.imageio.ImageIO; 
import javax.swing.*; 
import javax.swing.border.Border; 
import javax.swing.border.TitledBorder; 

public class TestGui extends JFrame { 
    private final String[] guiCharSelDefault = {"--- Select Character ---"}; 
    private final String[] characters = {"charOne", "charTwo", "charThree", "charFour"}; 
    private final String[] GuiCharSel = (String[]) ArrayUtils.addAll(guiCharSelDefault, characters); 
    private final String[] weapon = {"Weapon"}; 
    private final String[][] allWeapons = { 
      { 
        "weakWeaponOne", "strongWeaponOne", "shortWeaponOne", "longWeaponOne" 
      }, 
      { 
        "weakWeaponTwo", "strongWeaponTwo", "shortWeaponTwo", "longWeaponTwo" 
      }, 
      { 
        "weakWeaponThree", "strongWeaponThree", "shortWeaponThree", "longWeaponThree" 
      }, 
      { 
        "weakWeaponFour", "strongWeaponFour", "shortWeaponFour", "longWeaponFour" 
      } 
    }; 
    private JComboBox charCombo = new JComboBox(GuiCharSel); 
    private JComboBox weaponsCombo = new JComboBox(weapon); 
    private BackgroundPanel backgroundFrame = createBackgroundFrame("../images/Background.png"); 
    private JPanel topFrame = createTopFrame(); 
    private JPanel centerFrame = createCenterFrame(); 

    //************************************************************************************** 

    private static GridBagConstraints setGbc(int gridx, int gridy, int gridWidth, int gridHeight, int ipadx, int ipady, String anchorLocation, double weightx, double weighty, Insets insets){ 
     GridBagConstraints gbc = new GridBagConstraints(); 

     if (anchorLocation.toUpperCase().equals("NORTHWEST")){ 
      gbc.anchor = GridBagConstraints.NORTHWEST; 
     } else if (anchorLocation.toUpperCase().equals("NORTH")){ 
      gbc.anchor = GridBagConstraints.NORTH; 
     } else if (anchorLocation.toUpperCase().equals("NORTHEAST")){ 
      gbc.anchor = GridBagConstraints.NORTHEAST; 
     } else if (anchorLocation.toUpperCase().equals("WEST")){ 
      gbc.anchor = GridBagConstraints.WEST; 
     } else if (anchorLocation.toUpperCase().equals("EAST")){ 
      gbc.anchor = GridBagConstraints.EAST; 
     } else if (anchorLocation.toUpperCase().equals("SOUTHWEST")){ 
      gbc.anchor = GridBagConstraints.SOUTHWEST; 
     } else if (anchorLocation.toUpperCase().equals("SOUTH")){ 
      gbc.anchor = GridBagConstraints.SOUTH; 
     } else if (anchorLocation.toUpperCase().equals("SOUTHEAST")){ 
      gbc.anchor = GridBagConstraints.SOUTHEAST; 
     } else { 
      gbc.anchor = GridBagConstraints.CENTER; 
     } 

     gbc.gridx = gridx; // column 
     gbc.gridy = gridy; // row 
     gbc.gridwidth = gridWidth; // number of columns 
     gbc.gridheight = gridHeight; // number of rows 
     gbc.ipadx = ipadx; // width of object 
     gbc.ipady = ipady; // height of object 
     gbc.weightx = weightx; // shifts rows to side of set anchor 
     gbc.weighty = weighty; // shifts columns to side of set anchor 
     gbc.insets = insets; // placement inside cell 
     gbc.fill = GridBagConstraints.HORIZONTAL; 
     gbc.fill = GridBagConstraints.VERTICAL; 

     return gbc; 
    } 

    private Insets setInsets(int top, int left, int bottom, int right){ 
     Insets insets = new Insets(top,left,bottom,right); 
     return insets; 
    } 

    //************************************************************************************** 

    private BackgroundPanel createBackgroundFrame(String imgLocName){ 
     Image backgroundImg = null; 
     try { 
      backgroundImg = ImageIO.read(getClass().getResource(imgLocName)); 
      System.out.println("File: " + imgLocName.toString()); 
     } catch (Exception e) { 
      System.out.println("Cannot read file: " + e); 
     } 
     BackgroundPanel bgPanel = new BackgroundPanel(backgroundImg, BackgroundPanel.SCALED, 0.0f, 0.0f); 
     return bgPanel; 
    } 

    private JPanel createTopFrame(){ 
     JPanel pnl = new JPanel(); 
     Border raisedBevel = BorderFactory.createRaisedBevelBorder(); 
     Color lineColor = new Color(224,224,224); 
     Border lineBorder = BorderFactory.createMatteBorder(5, 5, 5, 5, lineColor); 
     Border loweredBevel = BorderFactory.createLoweredBevelBorder(); 
     Border compoundSetup = BorderFactory.createCompoundBorder(raisedBevel, lineBorder); 
     Border compoundFinal = BorderFactory.createCompoundBorder(compoundSetup, loweredBevel); 
     TitledBorder topFrameTitle = BorderFactory.createTitledBorder(compoundFinal, "Character"); 
     topFrameTitle.setTitleJustification(TitledBorder.CENTER); 

     JLabel lineSplitter = new JLabel(); 
     Border lineSplitterBoarder = BorderFactory.createMatteBorder(0, 0, 0, 5, new Color(224,224,224)); 
     lineSplitter.setBorder(lineSplitterBoarder); 

     pnl.setBorder(topFrameTitle); 
     pnl.setLayout(new GridBagLayout()); 
     pnl.setPreferredSize(new Dimension(200, 60)); 

     charCombo.addActionListener(
       new ActionListener() { 
        public void actionPerformed(ActionEvent e) { 
         String charName = ((JComboBox)(e.getSource())).getSelectedItem().toString(); 
         if (charName.equals("charOne")){ 
          weaponsCombo.removeAllItems(); 
          weaponsCombo.setModel(new DefaultComboBoxModel(allWeapons[1])); 
         } 
        } 
       } 
     ); 
     pnl.add(charCombo, setGbc(0,0, 1,1, 0,0, "WEST", 0, 0, setInsets(0, 0, 0, 0))); 
     pnl.add(lineSplitter, setGbc(1,0, 1,1, 0,0, "WEST", 0, 0, setInsets(0, 10, 0, 0))); 
     pnl.add(weaponsCombo, setGbc(2,0, 1,1, 0,0, "WEST", 1, 1, setInsets(0, 10, 0, 0))); 

     pnl.setOpaque(false); 
     return pnl; 
    } 

    private JPanel createCenterFrame() { 
     JPanel pnl = new JPanel(); 
     Border raisedBevel = BorderFactory.createRaisedBevelBorder(); 
     Color lineColor = new Color(224, 224, 224); 
     Border lineBorder = BorderFactory.createMatteBorder(5, 5, 5, 5, lineColor); 
     Border loweredBevel = BorderFactory.createLoweredBevelBorder(); 
     Border compoundSetup = BorderFactory.createCompoundBorder(raisedBevel, lineBorder); 
     Border compoundFinal = BorderFactory.createCompoundBorder(compoundSetup, loweredBevel); 
     TitledBorder topFrameTitle = BorderFactory.createTitledBorder(compoundFinal, "Stuff"); 
     topFrameTitle.setTitleJustification(TitledBorder.CENTER); 

     pnl.setBorder(topFrameTitle); 
     pnl.setLayout(new GridBagLayout()); 

     pnl.setOpaque(false); 
     return pnl; 
    } 

    TestGui(){ 
     add(backgroundFrame); 
     add(topFrame, BorderLayout.NORTH); 
     add(centerFrame, BorderLayout.CENTER); 

     setSize(800,600); 
     setVisible(true); 
     setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 
    } 

    //************************************************************************************** 

    public static void main(String[] args) { 
     new TestGui(); 
    } 
}

我知道圖像的背景被添加到GUI，因爲如果我註釋掉線構造//add(topFrame, BorderLayout.NORTH);和//add(centerFrame, BorderLayout.CENTER);，圖像顯示在GUI上。任何人都知道如何通過這兩個面板來顯示背景圖片？

來源

2017-04-21 Fiddle Freak

開始'setOpaque您面板（假）'，即'pnl.setOpaque（假）'。你會發現很多組件默認是不透明的（除了'JLabel'，因爲它必須不同） – MadProgrammer

這就是我在139和153行中嘗試過的'pnl.setOpaque（false）;'。它似乎沒有工作... –

你更換backgroundFrame與centerFrame

add(backgroundFrame); 
add(topFrame, BorderLayout.NORTH); 
add(centerFrame, BorderLayout.CENTER);

這是BorderLayout，它只能在每次它支持單個組件功能的5個可用的位置

相反，你要什麼do是將其他面板添加到backgroundFrame或將backgroundFrame設置爲框架的contentPane，例如

setContentPane(backgroundFrame); 
add(topFrame, BorderLayout.NORTH); 
add(centerFrame, BorderLayout.CENTER);

此外，作爲一般的建議，避免使用setPreferredSize，有太多的東西，可以使出錯

很抱歉打擾你，它看起來像它沒有顯示通過JScrollPane。我應該把這個問題作爲一個新問題來解決嗎？

的JScrollPane是一個比較複雜的組成部分，它是由被用來提供滾動

你需要做JScrollPane的功能性兩個部分組成，它的JViewport透明的（以及你包裝的視圖）

所以，這是你的createCenterFrame方法的修改版本，它會創建一個JTextArea，wr APS爲JScrollPane，並通過調用添加到pnl

private JPanel createCenterFrame() { 
    JPanel pnl = new JPanel(); 
    Border raisedBevel = BorderFactory.createRaisedBevelBorder(); 
    Color lineColor = new Color(224, 224, 224); 
    Border lineBorder = BorderFactory.createMatteBorder(5, 5, 5, 5, lineColor); 
    Border loweredBevel = BorderFactory.createLoweredBevelBorder(); 
    Border compoundSetup = BorderFactory.createCompoundBorder(raisedBevel, lineBorder); 
    Border compoundFinal = BorderFactory.createCompoundBorder(compoundSetup, loweredBevel); 
    TitledBorder topFrameTitle = BorderFactory.createTitledBorder(compoundFinal, "Stuff"); 
    topFrameTitle.setTitleJustification(TitledBorder.CENTER); 

    pnl.setBorder(topFrameTitle); 
    pnl.setLayout(new BorderLayout()); 

    JScrollPane scrollPane = new JScrollPane(); 
    scrollPane.setOpaque(false); 
    scrollPane.getViewport().setOpaque(false); 

    JTextArea ta = new JTextArea(); 
    ta.setOpaque(false); 
    ta.setText("This is an example of a transparent text area inside a transparent scroll pane, but you could just as easily wrap a transparent panel into it and get the same result"); 
    ta.setWrapStyleWord(true); 
    ta.setLineWrap(true); 

    scrollPane.setViewportView(ta); 

    pnl.add(scrollPane); 

    pnl.setOpaque(false); 
    return pnl; 
}

來源

2017-04-21 00:43:18 MadProgrammer

YAY！再次感謝（MadProgrammer救援!!!）。 swing庫有很多我需要學習的方法，geez :) –

@FiddleFreak每個框架都一樣：P - 需要學習的地方 – MadProgrammer

對不起再次打擾你，它看起來好像沒有通過JScrollPane顯示。我應該把這個問題作爲一個新問題來解決嗎？ –

通過頂部的面板使背景圖像顯示

回答

相關問題