Problem with the JButton.

[Tran Tuan Hung]

1- i have 2 buttons, i want to add them to the same location, when i click on button1 then the button1 will hidden and show button2, when i click on button2 then
button2 will hidden and show button1 again? please help me to slove my problem.
2- I have one button, but in this button i want to add 2 images (image1 and image2), when start the program, it's will show default button with image1, i want to
when i click on this button then image1 will hidden and show image2 on the button, when i click obn this button again so image2 will hidden and image1 show again.\
thanks for you help

[Maneesh Godbole]

1- i have 2 buttons, i want to add them to the same location, when i click on button1 then the button1 will hidden and show button2, when i click on button2 then
button2 will hidden and show button1 again? please help me to slove my problem.
2- I have one button, but in this button i want to add 2 images (image1 and image2), when start the program, it's will show default button with image1, i want to
when i click on this button then image1 will hidden and show image2 on the button, when i click obn this button again so image2 will hidden and image1 show again.\
thanks for you help

1) Why do you want to do that? What effect/functionality are you trying to achieve ?It is bad usability to show/hide/flip components on an existing UI. Are you aware, you can change the Icon/Text of a button any time?

2)Same as above. You can change the Icon of the button. Check out AbstractButton#setIcon(Icon icon) and AbstractButton#setSelectedIcon(Icon icon). You can subclass the JButton and maintain the state and flip icons accordingly. Also, if you want your button to "stay pressed/toggled" check out JToggleButtton.
[ October 05, 2008: Message edited by: Maneesh Godbole ]

[Tran Tuan Hung]

Thanks you very much.
That's my requrement, i have to finish it.
When i click on button 1, i will show panel1 and draw the chart in panel1 whith bar chart.
When i click on button 2, i will show panel2 and draw the chart in panel2 with line chart.
Button1 and button2 must the same location or only one button but deference image.
thanks for your help

[Tran Tuan Hung]

dear all
i have new problem, i want to show the corresponding panel when i click on the button.(when i click on button with BART.jpg image it's will show panel1, when i click on button with LINE.jpg image it's will show panel2)I already create a flag, but it's not work.
Here is my source code:

 
import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
 
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
 
public class Test extends JFrame implements ActionListener{
private final static int BART = 1;
private final static int LINE = 2;
private int status = BART;
private ImageIcon barIcon = new ImageIcon("C:\\Button\\BAR.jpg");
private ImageIcon lineIcon = new ImageIcon("C:\\Button\\LINE.jpg");
private JButton button = new JButton(barIcon);
 
public Test() {
this.setLayout(new BorderLayout());
this.setSize(new Dimension(200,200));
this.getContentPane().add(button , BorderLayout.SOUTH);
this.setDefaultCenterPanel();
this.setVisible(true);
this.button.addActionListener(this);
 
}
private void setDefaultCenterPanel(){
switch (this.status) {
case BART:
this.getContentPane().add(this.getPanel1(), BorderLayout.CENTER);
break;
case LINE:
this.getContentPane().add(this.getPanel2(), BorderLayout.CENTER);
break;
}
}
private JPanel getPanel1(){
JPanel panel1 = new JPanel();
panel1.setLayout(new BorderLayout());
panel1.add(new JButton("BUTTON ON PANEL 1"), BorderLayout.CENTER);
return panel1;
}
private JPanel getPanel2(){
JPanel panel1 = new JPanel();
panel1.setLayout(new BorderLayout());
panel1.add(new JButton("BUTTON ON PANEL 2"), BorderLayout.CENTER);
return panel1;
}
public static void main(String[] args) {
new Test();
}
@Override
public void actionPerformed(ActionEvent e) {
if(e.getSource()==button ){
if(this.button .getIcon()==barIcon){
button .setIcon(lineIcon);
this.status = BART;
this.setDefaultCenterPanel();
}else if(this.button .getIcon()==lineIcon){
button .setIcon(barIcon);
this.status = LINE;
this.setDefaultCenterPanel();
}
}
}
 
}
  

please help me, thanks you very much
[ October 06, 2008: Message edited by: Tran Tuan Hung ]

[Maneesh Godbole]

private void setDefaultCenterPanel(){
switch (this.status) {
case BART:
this.getContentPane().add(this.getPanel1(), BorderLayout.CENTER);
break;
case LINE:
this.getContentPane().add(this.getPanel2(), BorderLayout.CENTER);
break;
}
 

Try calling revalidate() and repaint() after you set the panels.
Also take a look at the CardLayout. It does exactly what you want to do without you needing to code much.

[Tran Tuan Hung]

i try this:

 public void actionPerformed(ActionEvent e) {
if(e.getSource()==barButton){
if(this.barButton.getIcon()==barIcon){
barButton.setIcon(lineIcon);
this.status = BART;
this.setDefaultCenterPanel();
repaint();
}else if(this.barButton.getIcon()==lineIcon){
barButton.setIcon(barIcon);
this.status = LINE;
this.setDefaultCenterPanel();
repaint();
}
}
}   

But it's not work, i already find the method revalidate() but i was not found.
I will research CardLayout follow your suggestion.

[Maneesh Godbole]

Sorry. I should have done this before I posted initially.

I ran your original code. Works for me just fine.
Most probably you are clicking on the button titled "BUTTON ON PANEL 1" on the NORTH which is NOT the button with the registered listener.
Try clicking on the button at the center (with the icon).

I still strongly urge you to try out the CardLayout.

[Tran Tuan Hung]

Thanks you for reply,
OK, i already research on CardLayout, anhd i code it follow, but it still not works, please help me to correct it.
Here is my source code:

 
import java.awt.BorderLayout;
import java.awt.CardLayout;
import java.awt.Dimension;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
 
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
 
import com.goodsw.util.uis.common.EmsSwingSet;
 
public class Test extends JFrame implements ActionListener {
private final static int BART = 1;
private final static int LINE = 2;
private int status = BART;
private ImageIcon barIcon = new ImageIcon("C:\\Button\\BAR.jpg");
private ImageIcon lineIcon = new ImageIcon("C:\\Button\\LINE.jpg");
private JButton button = new JButton(barIcon);
private CardLayout cardLayout1 = new CardLayout();
private CardLayout cardLayout2 = new CardLayout();
private JPanel panel1 = new JPanel();
private JPanel panel2 = new JPanel();
private JPanel graphForPanel1 = null;
private JPanel graphForPanel2 = null;
 
public Test() {
this.setLayout(new BorderLayout());
this.setSize(new Dimension(200, 200));
this.getContentPane().add(button, BorderLayout.SOUTH);
this.loadMainPanel();
this.setPanel();
this.setVisible(true);
this.button.addActionListener(this);
}
 
private void loadMainPanel() {
this.initCardPanel1();
this.initCardPanel2();
}

private void setPanel(){
switch (this.status) {
case BART:
this.getContentPane().add(this.getGraphForPanel1(), BorderLayout.CENTER);
break;
case LINE:
this.getContentPane().add(this.getGraphForPanel2(), BorderLayout.CENTER);
break;
}
}
 
private void initCardPanel1() {
panel1.setLayout(cardLayout1);
panel1.setBorder(EmsSwingSet.createMatteBorder(""));
panel1.add(new JButton("BUTTON1"), "PANEL1");
cardLayout1.show(panel1, "PANEL1");
}
 
private void initCardPanel2() {
panel2.setLayout(cardLayout2);
panel2.setBorder(EmsSwingSet.createMatteBorder(""));
panel2.add(new JButton("BUTTON2"), "PANEL2");
cardLayout2.show(panel2, "PANEL2");
}
 
private JPanel getGraphForPanel1(){
if(graphForPanel1==null){
graphForPanel1 = new JPanel();
graphForPanel1.setLayout(new BorderLayout());
graphForPanel1.setPreferredSize(new Dimension(300,300));
graphForPanel1.setBorder(EmsSwingSet.createMatteBorder("Graph Panel 1"));
graphForPanel1.add(this.panel1, BorderLayout.CENTER);
}
return graphForPanel1;
}
 
private JPanel getGraphForPanel2(){
if(graphForPanel2==null){
graphForPanel2 = new JPanel();
graphForPanel2.setLayout(new BorderLayout());
graphForPanel2.setPreferredSize(new Dimension(300,300));
graphForPanel2.setBorder(EmsSwingSet.createMatteBorder("Graph Panel 2"));
graphForPanel2.add(this.panel2, BorderLayout.CENTER);
}
return graphForPanel2;
}
public static void main(String[] args) {
new Test();
}
 
@Override
public void actionPerformed(ActionEvent e) {
if (e.getSource() == button) {
if (this.button.getIcon() == barIcon) {
button.setIcon(lineIcon);
this.status = BART;
this.setPanel();
repaint();
 
} else if (this.button.getIcon() == lineIcon) {
button.setIcon(barIcon);
this.status = LINE;
this.setPanel();
repaint();
}
}
}
 
}
   

[Maneesh Godbole]

Originally posted by Tran Tuan Hung:
[QB].. but it still not works, please help me to correct it.

What exactly do you mean when you say it doesn't work?
Have you looked at this:
http://java.sun.com/docs/books/tutorial/uiswing/layout/card.html

[Tran Tuan Hung]

I already successed, thanks you very much.

[Maneesh Godbole]

Originally posted by Tran Tuan Hung:
I already successed, thanks you very much.

Care to share your solution so others can benefit from it in the future?

[Tran Tuan Hung]

OK You are the man,
I'll keep this solution for helping others. I think CardLayout that's userfull, interesting, but perhaps there're few persion know that.

[Maneesh Godbole]

I think you misunderstood.
I was requesting you to post your code snippet that works (like you have done previously), so that, in future, if anyone wants to solve a similar problem, they can refer to your code.

[Tran Tuan Hung]

Oh, OK and sorry for my misunderstood.
I post it now, hihi
Here is my source code, please comment for me hihi, i modify from your links.

 import java.awt.*;
import java.awt.event.*;
 
import javax.swing.*;
 
public class CardLayoutDemo extends JFrame implements ActionListener {

    private JPanel cardPanel; //a panel that uses CardLayout
    private final static String BUTTONPANEL = "Card with JButtons";
    private final static String TEXTPANEL = "Card with JTextField";
    private ImageIcon barIcon = new ImageIcon("C:\\Button\\BAR.jpg");
    private ImageIcon lineIcon = new ImageIcon("C:\\LINE.jpg");
    private JButton button = new JButton(barIcon);
    private CardLayout cardLayout = new CardLayout();
    
    public CardLayoutDemo() {
    super("CardLayoutDemo");
    this.setLayout(new BorderLayout());
    this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    this.loadAllComponent(this);
    this.pack();
    this.setVisible(true);
    this.button.addActionListener(this);
}
    private JPanel getButtonChangeIconPanel(){
    JPanel btChangePanel = new JPanel();
    btChangePanel.add(button);
    return btChangePanel;
    }
    private JPanel getButtonPanel(){
    JPanel buttonPanel = new JPanel();
        buttonPanel.add(new JButton("Button 1"));
        buttonPanel.add(new JButton("Button 2"));
        buttonPanel.add(new JButton("Button 3"));
        return buttonPanel;
    }
    private JPanel getTextFieldPanel(){
     JPanel textFieldPanel = new JPanel();
         textFieldPanel.add(new JTextField("TextField", 20));
         return textFieldPanel;
    }
    private JPanel getCardPanel(){
    if(cardPanel==null){
    //Create the panel that contains the "cards".
            cardPanel = new JPanel();
            cardPanel.setLayout(cardLayout);
            cardPanel.add(getButtonPanel(), BUTTONPANEL);
            cardPanel.add(getTextFieldPanel(), TEXTPANEL);
    }
    return cardPanel;
    }
    
    public void loadAllComponent(Container pane) {
    pane.add(this.getButtonChangeIconPanel(), BorderLayout.PAGE_START);
        pane.add(getCardPanel(), BorderLayout.CENTER);
    }
 
        public static void main(String[] args) {
new CardLayoutDemo();
}
@Override
public void actionPerformed(ActionEvent e) {
CardLayout cl = (CardLayout)(getCardPanel().getLayout());
if (e.getSource() == button) {
if (this.button.getIcon() == barIcon) {
button.setIcon(lineIcon);
cl.show(this.getCardPanel(), BUTTONPANEL);
} else if (this.button.getIcon() == lineIcon) {
button.setIcon(barIcon);
cl.show(this.getCardPanel(), TEXTPANEL);
}
}
}
}
   

[ October 07, 2008: Message edited by: Tran Tuan Hung ]