Diskuze: zobrazenie obrázku z URL v JPanel spolu s Label textom
Člen
Lubor Pešek:26.7.2018 11:58
Čau,
byl bych i rád, kdyby se tu rozpoutala diskuze, protože i když je swing v
podstatě už deprecated, tak proč se i tak pro zajímavost něco
nepřiučit:)
Nicméně za celou dobu, co jsem používal ve swingu obrázky, tak byly dvě
možnosti, jak takový obrázek editovat.
Víc agresivní - že budeš při změně obrázku přidávat a odebírat panel
- s tím souvisí i to, že všechny případné komponenty na tom panelu budeš
muset vytvářet a nastavovat znova. Proto je to hodně zoufalé řešení a
funguje jen, pokud jde o to zobrazit nějaký obrázek:
import java.awt.*;
import java.awt.image.BufferedImage;
import java.net.URL;
import javax.imageio.ImageIO;
import javax.swing.*;
/**
* @author NcFerrari
* @since 26.07.2018
*/
public class Frame extends JFrame {
/******************************************************************************************************************/
//=========================================== KONSTANTNI ATRIBUTY TRIDY ============================================
//================================================ ATRIBUTY TRIDY ==================================================
//========================================= KONSTANTNI ATRIBUTY INSTANCE ===========================================
private final Toolkit toolkit = Toolkit.getDefaultToolkit();
private final Dimension screenSize = toolkit.getScreenSize();
private final JPanel rootPanel = new JPanel();
private final JPanel inputPanel = new JPanel();
private final JPanel centerPanel = new JPanel();
private final JLabel text = new JLabel("Popisek na pevné pozici");
private final FlowLayout flow = new FlowLayout();
//============================================== ATRIBUTY INSTANCE =================================================
private JPanel printingPanel = new JPanel();
private JLabel informationTextForURLInput;
private JTextField urlInputField;
private JButton showImageInPanelButton;
/******************************************************************************************************************/
//============================================ PRISTUPOVE METODY TRIDY =============================================
//================================================= METODY TRIDY ===================================================
//================================================== KONSTRUKTOR ===================================================
public Frame() {
flow.setAlignment(FlowLayout.LEFT);
prepareComponents();
initFrame();
initPanels();
}
//================================================ TOVARNI METODA ==================================================
/******************************************************************************************************************/
//============================================ KONECNE METODY INSTANCE =============================================
//========================================== PRISTUPOVE METODY INSTANCE ============================================
//================================================ METODY INSTANCE =================================================
/******************************************************************************************************************/
//================================================ SOUKROME METODY =================================================
/**
* Nastavi root frame tak, ze bude mit rozmery ve vychozim stavu podle aktualniho rozliseni obrazovky
*/
private void initFrame() {
setSize(screenSize.width, screenSize.height);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
setTitle("Zobrazovani obrázku z URL");
}
/**
* Nastavi zakladni panely pro aplikaci, ktere budou definovat rozlozeni a umisteni konkretnich komponent
*/
private void initPanels() {
//nastaveni a pridani root panelu
rootPanel.setBackground(Color.WHITE);
rootPanel.setLayout(new BorderLayout());
add(rootPanel);
//nastaveni a pridani panelu pro vstupni hodnoty (inputPanel)
inputPanel.setBackground(Color.GRAY);
inputPanel.setLayout(flow);
rootPanel.add(inputPanel, BorderLayout.NORTH);
//pridani panelu, ktery bude v centru aplikace a bude komponenty zarovnavat v rade
centerPanel.setBackground(Color.LIGHT_GRAY);
centerPanel.setLayout(null);
rootPanel.add(centerPanel, BorderLayout.CENTER);
text.setSize(200, 70);
centerPanel.add(text);
}
/**
* Inicializuje a priradi komponenty
* <li>poznamka: Pokud by slo o vetsi projekt, tak by v takovem pripade bylo vhodnejsi reseni, aby kazdy panel byla jednotliva trida a ta obsahovala svoje
* vlastni komponenty v abstraktnich metodach, ale jde o cvicny priklad, tak to navrkam vsechno do jedne metody</li>
*/
private void prepareComponents() {
//komponenty panelu pro vstupni hodnoty (inputPanel)
informationTextForURLInput = new JLabel("Zadejte URL obrázku, který chcete zobrazit");
urlInputField = new JTextField("https://static.ferrarinetwork.ferrari.com/images/ferrari-488-pista-piloti-ferrari-2018-GATE-2_IFtAxpo9.jpg");
showImageInPanelButton = new JButton("Zobraz obrázek v panelu");
urlInputField.setPreferredSize(new Dimension(600, 25));
showImageInPanelButton.addActionListener(evt -> showImageInPanelButtonActionListener());
inputPanel.add(informationTextForURLInput);
inputPanel.add(urlInputField);
inputPanel.add(showImageInPanelButton);
}
private void showImageInPanelButtonActionListener() {
try {
centerPanel.remove(printingPanel);
URL url = new URL(urlInputField.getText());
BufferedImage image = ImageIO.read(url);
printingPanel = new JPanel() {
@Override
public void paintComponent(Graphics g) {
g.drawImage(image, 0, 0, image.getWidth(), image.getHeight(), this);
}
};
printingPanel.setLocation(text.getX() + text.getWidth(), 0);
printingPanel.setSize(image.getWidth(), image.getHeight());
centerPanel.add(printingPanel);
centerPanel.repaint();
} catch (Exception exp) {
JOptionPane.showMessageDialog(this, "Špatné URL obrázku! Nemůžu ho načíst\nURL, které jste zadali: " + urlInputField.getText(), "Wrong URL", 0);
exp.printStackTrace();
}
}
//================================================== MAIN METODA ===================================================
public static void main(String[] args) {
new Frame();
}
/******************************************************************************************************************/
//=============================================== TESTOVACI METODY =================================================
//================================================ SOUKROME TRIDY ==================================================
}No a potom více objektové, ale může být taky nebezpečné řešení
(pokud neumíš dobře používat dědičnost), je, že si vytvoříš novou
třídu zděděnou z JPanelu, překryješ si takto metodu paintComponent a tím
pádem si můžeš editovat obrázek. Všechny komponenty potom můžeš
nastavit na tento panel a obrázek přepisuješ pouze setrem:
FRAME CLASS
import java.awt.*;
import java.awt.image.BufferedImage;
import java.net.URL;
import javax.imageio.ImageIO;
import javax.swing.*;
/**
* @author NcFerrari
* @since 26.07.2018
*/
public class Frame extends JFrame {
/******************************************************************************************************************/
//=========================================== KONSTANTNI ATRIBUTY TRIDY ============================================
//================================================ ATRIBUTY TRIDY ==================================================
//========================================= KONSTANTNI ATRIBUTY INSTANCE ===========================================
private final Toolkit toolkit = Toolkit.getDefaultToolkit();
private final Dimension screenSize = toolkit.getScreenSize();
private final JPanel rootPanel = new JPanel();
private final JPanel inputPanel = new JPanel();
private final JPanel centerPanel = new JPanel();
private final JButton buttonOnPicture = new JButton("Tlačítko na obrázku");
private final FlowLayout flow = new FlowLayout();
//============================================== ATRIBUTY INSTANCE =================================================
private Panel printingPanel = new Panel();
private JLabel informationTextForURLInput;
private JTextField urlInputField;
private JButton showImageInPanelButton;
/******************************************************************************************************************/
//============================================ PRISTUPOVE METODY TRIDY =============================================
//================================================= METODY TRIDY ===================================================
//================================================== KONSTRUKTOR ===================================================
public Frame() {
flow.setAlignment(FlowLayout.LEFT);
prepareComponents();
initFrame();
initPanels();
}
//================================================ TOVARNI METODA ==================================================
/******************************************************************************************************************/
//============================================ KONECNE METODY INSTANCE =============================================
//========================================== PRISTUPOVE METODY INSTANCE ============================================
//================================================ METODY INSTANCE =================================================
/******************************************************************************************************************/
//================================================ SOUKROME METODY =================================================
/**
* Nastavi root frame tak, ze bude mit rozmery ve vychozim stavu podle aktualniho rozliseni obrazovky
*/
private void initFrame() {
setSize(screenSize.width, screenSize.height);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setVisible(true);
setTitle("Zobrazovani obrázku z URL");
}
/**
* Nastavi zakladni panely pro aplikaci, ktere budou definovat rozlozeni a umisteni konkretnich komponent
*/
private void initPanels() {
//nastaveni a pridani root panelu
rootPanel.setBackground(Color.WHITE);
rootPanel.setLayout(new BorderLayout());
add(rootPanel);
//nastaveni a pridani panelu pro vstupni hodnoty (inputPanel)
inputPanel.setBackground(Color.GRAY);
inputPanel.setLayout(flow);
rootPanel.add(inputPanel, BorderLayout.NORTH);
//pridani panelu, ktery bude v centru aplikace a bude komponenty zarovnavat v rade
centerPanel.setBackground(Color.LIGHT_GRAY);
centerPanel.setLayout(null);
rootPanel.add(centerPanel, BorderLayout.CENTER);
printingPanel.setLayout(null);
centerPanel.add(printingPanel);
buttonOnPicture.setSize(200, 70);
printingPanel.add(buttonOnPicture);
}
/**
* Inicializuje a priradi komponenty
* <li>poznamka: Pokud by slo o vetsi projekt, tak by v takovem pripade bylo vhodnejsi reseni, aby kazdy panel byla jednotliva trida a ta obsahovala svoje
* vlastni komponenty v abstraktnich metodach, ale jde o cvicny priklad, tak to navrkam vsechno do jedne metody</li>
*/
private void prepareComponents() {
//komponenty panelu pro vstupni hodnoty (inputPanel)
informationTextForURLInput = new JLabel("Zadejte URL obrázku, který chcete zobrazit");
urlInputField = new JTextField("https://static.ferrarinetwork.ferrari.com/images/ferrari-488-pista-piloti-ferrari-2018-GATE-2_IFtAxpo9.jpg");
showImageInPanelButton = new JButton("Zobraz obrázek v panelu");
urlInputField.setPreferredSize(new Dimension(600, 25));
showImageInPanelButton.addActionListener(evt -> showImageInPanelButtonActionListener());
inputPanel.add(informationTextForURLInput);
inputPanel.add(urlInputField);
inputPanel.add(showImageInPanelButton);
}
private void showImageInPanelButtonActionListener() {
try {
URL url = new URL(urlInputField.getText());
BufferedImage image = ImageIO.read(url);
printingPanel.setImage(image);
printingPanel.setSize(image.getWidth(), image.getHeight());
} catch (Exception exp) {
JOptionPane.showMessageDialog(this, "Špatné URL obrázku! Nemůžu ho načíst\nURL, které jste zadali: " + urlInputField.getText(), "Wrong URL", 0);
exp.printStackTrace();
}
}
//================================================== MAIN METODA ===================================================
public static void main(String[] args) {
new Frame();
}
/******************************************************************************************************************/
//=============================================== TESTOVACI METODY =================================================
//================================================ SOUKROME TRIDY ==================================================
}PANEL CLASS
import java.awt.*;
import java.awt.image.BufferedImage;
import javax.swing.*;
/**
* @author NcFerrari
* @since 26.07.2018
*/
public class Panel extends JPanel {
/******************************************************************************************************************/
//=========================================== KONSTANTNI ATRIBUTY TRIDY ============================================
//================================================ ATRIBUTY TRIDY ==================================================
//========================================= KONSTANTNI ATRIBUTY INSTANCE ===========================================
//============================================== ATRIBUTY INSTANCE =================================================
private BufferedImage image;
/******************************************************************************************************************/
//============================================ PRISTUPOVE METODY TRIDY =============================================
//================================================= METODY TRIDY ===================================================
//================================================== KONSTRUKTOR ===================================================
//================================================ TOVARNI METODA ==================================================
/******************************************************************************************************************/
//============================================ KONECNE METODY INSTANCE =============================================
//========================================== PRISTUPOVE METODY INSTANCE ============================================
public void setImage(BufferedImage image) {
this.image = image;
repaint();
}
//================================================ METODY INSTANCE =================================================
@Override
public void paintComponent(Graphics g) {
g.drawImage(image, 0, 0, image.getWidth(), image.getHeight(), this);
}
/******************************************************************************************************************/
//================================================ SOUKROME METODY =================================================
//================================================== MAIN METODA ===================================================
/******************************************************************************************************************/
//=============================================== TESTOVACI METODY =================================================
//================================================ SOUKROME TRIDY ==================================================
}
Akceptované řešení
+20 Zkušeností
+2,50 Kč
+20 Zkušeností
+2,50 Kč
3012:26.7.2018 16:24
ahoj veˇmy ti ďakujem za riešenie, čo sa týka prvého obrázku, skopýroval som kód z webu na ktorom som to našiel, preto ti nešiel načítať, pravdepodobne už ani nexistuje, len som sa chcel opýtať kde robým chybu, na priloženom obrázku je jeden eror ako ho odstránim?
Zobrazeno 29 zpráv z 29.