Swing如何建立帶圖示和文字的按鈕?

2019-10-16 22:04:34

下面的範例演示了如何在Java Swing應用程式中建立帶有Icon和Text的按鈕。

使用以下API -

  • JButton() - 建立標準按鈕。
  • ImageIcon() - 建立影象圖示。
  • JButton(ImageIcon) - 使用Icon建立一個Button。
  • JButton.setText() - 在按鈕中設定文字。

範例

import java.awt.BorderLayout;
import java.awt.FlowLayout;
import java.awt.LayoutManager;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.KeyEvent;

import javax.swing.AbstractButton;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JOptionPane;
import javax.swing.JPanel;

public class SwingTester {
   public static void main(String[] args) {
      createWindow();
   }

   private static void createWindow() {    
      JFrame frame = new JFrame("Swing Tester");
      frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

      createUI(frame);
      frame.setSize(560, 200);      
      frame.setLocationRelativeTo(null);  
      frame.setVisible(true);
   }

   private static void createUI(final JFrame frame){
      JPanel panel = new JPanel();
      LayoutManager layout = new FlowLayout();  
      panel.setLayout(layout);       
      ImageIcon arrowIcon = null;

      java.net.URL imgURL = SwingTester.class.getResource("arrow.jpg");
      if (imgURL != null) {
         arrowIcon = new ImageIcon(imgURL);         
      } else {
         JOptionPane.showMessageDialog(frame, "Icon image not found.");
      }
      JButton iconButton = new JButton(arrowIcon);
      iconButton.setText("Next");
      iconButton.setToolTipText("Move Ahead");
      iconButton.setVerticalTextPosition(AbstractButton.CENTER);
      iconButton.setHorizontalTextPosition(AbstractButton.LEADING); 
      iconButton.setMnemonic(KeyEvent.VK_I);
      iconButton.addActionListener(new ActionListener() {
         public void actionPerformed(ActionEvent e) {
            JOptionPane.showMessageDialog(frame, "Icon Button clicked.");
         }
      });   

      panel.add(iconButton);
      frame.getContentPane().add(panel, BorderLayout.CENTER);    
   }
}

執行上面範例程式碼,得到以下結果:

創建帶有Icon和Text的按鈕