Остановка анимации по клику

@Annaboka · Регистрация: 10.03.2018

Author24 — интернет-сервис помощи студентам

Добрый день!
Пишу диплом по граф дизайну и пришлось столкнуться в программированием, хотя полный ноль в этом.
Нужно сделать анимацию - зацикленная смена нескольких картинок (по сути gif). По клику на определенную картинку анимация останавливается на этой картинке и раскрывается дополнительная текстовая информация. По повторному клику запускается заново. И так для каждой из картинок.
Господа разработчики, помогите плииииз!

@Nidl · 10.03.2018, 22:05

А почему вы решили что имея готовый код вы сможете в нем разобраться если вам это чуждо ?
flash пока еще жив (до 2020) , в нем ваша задача решается гораздо проще и без серьезных познаний.Да и полно программ которые генерируют вам ролик по вашей задаче.

Но у меня этот несложный эффект, здесь все как вам нужно даже музыка есть )

Java

package base;
 
import java.awt.Color;
import java.awt.Font;
import java.awt.Insets;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.io.File;
import javax.sound.sampled.AudioInputStream;
import javax.sound.sampled.AudioSystem;
import javax.sound.sampled.Clip;
import javax.sound.sampled.FloatControl;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.SwingConstants;
import javax.swing.Timer;
 
 
 
public class test
{
    public File soundGame = new File("data/gameSound.wav");
    public Clip clip;
    public JFrame window = new JFrame("Super Owl");
    private JButton bt = new JButton();
    public JPanel myCartoon = new JPanel();
    public AudioInputStream inAudio;
    public String[] arrCartoon = new String[] {"data/0.png", "data/1.png", "data/2.png", "data/3.png", "data/4.png"
            , "data/5.png", "data/6.png", "data/7.png", "data/8.png", "data/9.png", "data/10.png"
            , "data/11.png", "data/12.png", "data/13.png", "data/14.png", "data/15.png"
            , "data/16.png", "data/17.png", "data/18.png", "data/19.png", "data/20.png"
            , "data/21.png", "data/22.png", "data/23.png"};
    public JLabel[] cartoonItem = new JLabel[arrCartoon.length];
    public int fps = 15;
    private int timeLine = 0;
    private Timer fpsTimer;
    public int mouseControl = 1;
    
    
    
    public test()
    {
        window.setSize(500, 500);   
        window.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        window.getContentPane().setBackground(Color.black);
        window.setLayout(null);
        window.setResizable(false);
        window.setLocationRelativeTo(null);
 
        soundConstuctor();
        cartoonConstructor();
        makeButton();
        
        window.setVisible(true);
    }
    
    
    public void cartoonConstructor()
    {
        myCartoon.setBounds(0, 0, 500, 500);
        myCartoon.setBackground(new Color(0,0,0,0));
        myCartoon.setLayout(null);
        myCartoon.setOpaque(false);
        
        for (int i = 0; i < arrCartoon.length; i++)
        {
            cartoonItem[i] = new JLabel();
            cartoonItem[i].setBounds(0, 0, 500, 500);
            ImageIcon enemyPic = new ImageIcon(arrCartoon[i]);
            cartoonItem[i].setIcon(enemyPic);
            cartoonItem[i].setHorizontalAlignment(SwingConstants.CENTER);
            cartoonItem[i].setLayout(null);
            cartoonItem[i].setVisible(false);
            cartoonItem[i].setOpaque(false);
            
            myCartoon.add(cartoonItem[i]);
        }
        
        window.add(myCartoon);
        window.repaint();
    }
    
    
    public void soundConstuctor()
    {
        try
        {
            inAudio = AudioSystem.getAudioInputStream(soundGame);
            clip = AudioSystem.getClip();
            clip.open(inAudio);
            clip.stop();
            
            FloatControl gainControl = (FloatControl) clip.getControl(FloatControl.Type.MASTER_GAIN);
            gainControl.setValue((float) 1.0);
        } 
        catch (Exception e)
        {
            //...
        }
    }
    
    
    public void makeButton()
    {
        bt.setFont(new Font("Courier New", Font.PLAIN | Font.BOLD, 20));
        bt.setMargin(new Insets(0,0,0,0));
        bt.setBounds(170, 400, 160, 30);
        bt.setText("Start");
        bt.setLayout(null);
        bt.setFocusable(false);
        
        window.add(bt);
        
        ActionListener actionListener = new GoListener();
        bt.addActionListener(actionListener);
    }
    
    
    public class GoListener implements ActionListener
    {
        public void actionPerformed(ActionEvent e)
        {
            soundStart();
            cartoonStart();
        }
    }
    
    
    private void cartoonStart()
    {         
        fpsTimer = new Timer(fps, new fpsListener());
        fpsTimer.start();
    }
    
    
    public class fpsListener implements ActionListener
    {       
        public void actionPerformed(ActionEvent e)
        {  
            timeLine++;
            
            if (timeLine > 0 && timeLine < arrCartoon.length)
            {
                cartoonItem[timeLine - 1].setVisible(false);
                cartoonItem[timeLine].setVisible(true);
            }
 
            if (timeLine == arrCartoon.length - 1)
            {
                timeLine = 0;
                cartoonItem[arrCartoon.length - 1].setVisible(false);
                cartoonItem[timeLine].setVisible(true);
            }
            
            window.repaint();
            //System.out.println(timeLine);
        }    
    }
    
    
    public void soundStart()
    {
        bt.setVisible(false);
        window.addMouseListener(new CustomListener());
        
        try
        {
            clip.loop(Clip.LOOP_CONTINUOUSLY);
            clip.setFramePosition(0);
            clip.start();
        } 
        catch (Exception ex)
        {
            //...
        }
    }
    
    public class CustomListener implements MouseListener
    {
        public void mousePressed(MouseEvent e)
        {
            mouseControl *= -1;
            if (mouseControl == -1)
            {
                fpsTimer.stop();
                System.out.println("я картинка саким номером" + timeLine);
                
                //здесь ставте условия что должно происхдить по нужномуномеру картинки
            }
            else
            {
                fpsTimer.start();
            }
        }
 
        @Override
        public void mouseClicked(MouseEvent e)
        {
            // TODO Auto-generated method stub
        }
 
        @Override
        public void mouseEntered(MouseEvent e)
        {
            // TODO Auto-generated method stub
        }
 
        @Override
        public void mouseExited(MouseEvent e)
        {
            // TODO Auto-generated method stub
        }
 
        @Override
        public void mouseReleased(MouseEvent e)
        {
        // TODO Auto-generated method stub
        }
    }
    
    
    public static void main(String[] args) 
    {
        new test();
    }
}

@Annaboka · 11.03.2018, 09:48 **[ТС]**

Nidl,
Вы правы! черт ногу сломит.
Я даже Ваш код проиграть не могу. Вставила радостная в HTML - а нет! как-то по-другому, видать, работает

Добавлено через 26 минут
Nidl, Подскажите, если несложно, какие программы помогут мне сделать это меньшими усилиями?

@Nidl · 11.03.2018, 21:58

этот код не для HTML это java ) для его компиляции нужна еще настроенная среда
есть 2 пути ) даже в флеше нужны небольшие но познания.

пару минут я сейчас сделаю exe файл из него и вы посмотрите, сколько вы имеет картинок и какое у них разрешение, какой текст на картинки ? большое содержание или пару строк ? так я смогу именно под вас сделать автономный вариант котоому нужно только картинки в папку добавить

сейчас сделаю примерчик на картинок 5 с текстом

@Nidl · 12.03.2018, 01:38

Два архива, один с готовым проектом на 6 картинок под разрешение 500х500, когда будете менять важно сохранять имена, файл xml содержит текст под картинки, редактирование файло выполняется через блокнот.

второй архив с проектом под эклипс.

вы посмотрите так ли работает механизм (пускать картинки заново как то немного странно, я оставил продолжить)

сам код

Java

package base;
 
import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Insets;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.util.ArrayList;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JTextArea;
import javax.swing.SwingConstants;
import javax.swing.Timer;
import javax.xml.stream.FactoryConfigurationError;
import javax.xml.stream.XMLInputFactory;
import javax.xml.stream.XMLStreamException;
import javax.xml.stream.XMLStreamReader;
 
 
 
public class test
{
    public JFrame window = new JFrame("Presentation");
    public JFrame win = new JFrame("Info");
    public JLabel mouseH;
    public JTextArea info = new JTextArea();
    private JButton bt = new JButton();
    public JPanel myCartoon = new JPanel();
    public String[] arrCartoon = new String[] {"data/0.png", "data/1.png",
            "data/2.png", "data/3.png", "data/4.png", "data/5.png"};
    public JLabel[] cartoonItem = new JLabel[arrCartoon.length];
    public int fps = 2500;
    private int timeLine = 0;
    private Timer fpsTimer;
    public int mouseControl = 1;
    public ArrayList<String> arr = new ArrayList<String>();
    
    
    public test()
    {
        StAXparcer();
    }
    
    
    private void StAXparcer()
    {
        String fileName = "data/data.xml";
        
        try
            {
               XMLStreamReader xmlr = XMLInputFactory.newInstance().createXMLStreamReader(fileName, new FileInputStream(fileName));
     
                while (xmlr.hasNext())
                {
                    xmlr.next();
                    if (xmlr.hasText() && xmlr.getText().trim().length() > 0)
                    {
                        arr.add(xmlr.getText());
                    }
                    if (!xmlr.hasNext())
                    {
                        general();
                        break;
                    }
                }
            } 
            catch (FileNotFoundException e)
            {
                //...
            }
            catch (XMLStreamException e)
            {
                //...
            } 
            catch (FactoryConfigurationError e)
            {
                //...
            }
    }
    
    
    private void general()
    {
        mouseHelp();
        cartoonConstructor();
        makeWindow();
        makeInfo();
    }
    
    
    private void makeWindow()
    {
        window.setSize(500, 500);   
        window.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        window.getContentPane().setBackground(Color.black);
        window.setLayout(null);
        window.setResizable(false);
        window.setLocationRelativeTo(null);
         
        window.setVisible(true);
         
        JLabel fon0 = new JLabel();
        fon0.setBounds(0, 0, 500, 500);
        fon0.setIcon(new ImageIcon(getClass().getResource("/res/fon0.jpg")));
        fon0.setLayout(null);
        
        bt.setFont(new Font("Courier New", Font.PLAIN | Font.BOLD, 20));
        bt.setMargin(new Insets(0,0,0,0));
        bt.setBounds(170, 400, 160, 30);
        bt.setText("Пуск");
        bt.setLayout(null);
        bt.setFocusable(false);
        
        window.add(bt);
        window.add(fon0);
        window.repaint();
        
        ActionListener actionListener = new GoListener();
        bt.addActionListener(actionListener);
    }
    
    
    private void makeInfo()
    {
        win.setSize(400, 300);   
        win.getContentPane().setBackground(Color.black);
        win.setLayout(null);
        win.setResizable(false);
        win.setLocationRelativeTo(null);
        win.setVisible(false);
        
        JLabel fon0 = new JLabel();
        fon0.setBounds(0, 0, 400, 300);
        fon0.setIcon(new ImageIcon(getClass().getResource("/res/fon0.jpg")));
        fon0.setLayout(null);
        
        info.setFont(new Font("Arial", Font.BOLD, 14));
        info.setBounds(15, 15, 370, 270);
        info.setForeground(Color.white);
        info.setWrapStyleWord(true);
        info.setLineWrap(true);
        info.setText("");
        info.setOpaque(false);
        
        win.add(info);
        win.add(fon0);
        win.repaint();
    }
    
    
    private void mouseHelp()
    {
        
        mouseH = new JLabel()
        {
            private static final long serialVersionUID = 1L;
 
            protected void paintComponent(Graphics g)
            {
                g.setColor( getBackground() );
                g.fillRect(0, 0, getWidth(), getHeight());
                super.paintComponent(g);
            }
        };
        
        mouseH.setFont(new Font("Arial", Font.BOLD, 14));
        mouseH.setBounds(150, 215, 200, 70);
        mouseH.setText("<html><div align=\"center\">Для дальнейшего просмотра<br>кликнете мышкой</div></html>");
        mouseH.setBackground(new Color(120,190,255,120));
        mouseH.setForeground(Color.white);
        mouseH.setHorizontalAlignment(SwingConstants.CENTER);
        mouseH.setVerticalAlignment(JLabel.CENTER);
        mouseH.setOpaque(false);
        mouseH.setVisible(false);
        
        window.add(mouseH);
        window.repaint();
    }
    
    
    public void cartoonConstructor()
    {
        myCartoon.setBounds(0, 0, 500, 500);
        myCartoon.setBackground(new Color(0,0,0,0));
        myCartoon.setLayout(null);
        myCartoon.setOpaque(false);
        
        for (int i = 0; i < arrCartoon.length; i++)
        {
            cartoonItem[i] = new JLabel();
            cartoonItem[i].setBounds(0, 0, 500, 500);
            ImageIcon enemyPic = new ImageIcon(arrCartoon[i]);
            cartoonItem[i].setIcon(enemyPic);
            cartoonItem[i].setHorizontalAlignment(SwingConstants.CENTER);
            cartoonItem[i].setLayout(null);
            cartoonItem[i].setVisible(false);
            cartoonItem[i].setOpaque(false);
            
            myCartoon.add(cartoonItem[i]);
        }
        
        window.add(myCartoon);
        window.repaint();
    }
    
    
    public class GoListener implements ActionListener
    {
        public void actionPerformed(ActionEvent e)
        {
            cartoonStart();
            bt.setVisible(false);
            
         window.addMouseListener(new CustomListener());
        }
    }
    
    
    private void cartoonStart()
    {         
        fpsTimer = new Timer(fps, new fpsListener());
        fpsTimer.start();
        
        cartoonItem[timeLine].setVisible(true);
    }
    
    
    public class fpsListener implements ActionListener
    {       
        public void actionPerformed(ActionEvent e)
        {  
            timeLine++;
            
            if (timeLine > 0 && timeLine < arrCartoon.length)
            {
                cartoonItem[timeLine - 1].setVisible(false);
                cartoonItem[timeLine].setVisible(true);
            }
 
            if (timeLine == arrCartoon.length)
            {
                timeLine = 0;
                cartoonItem[arrCartoon.length - 1].setVisible(false);
                cartoonItem[timeLine].setVisible(true);
            }
            
            window.repaint();
            System.out.println(timeLine);
        }    
    }
    
    
    public class CustomListener implements MouseListener
    {
        public void mousePressed(MouseEvent e)
        {
            mouseControl *= -1;
            if (mouseControl == -1)
            {
                fpsTimer.stop();
                System.out.println(timeLine);
                
                info.setText(arr.get(timeLine));
                win.setVisible(true);
                mouseH.setVisible(true);
                
                mouseH.repaint();
                window.repaint();
            }
            else
            {
                //timeLine = 0;
                fpsTimer.start();
                win.setVisible(false);
                mouseH.setVisible(false);
            }
        }
 
        @Override
        public void mouseClicked(MouseEvent e)
        {
            // TODO Auto-generated method stub
        }
 
        @Override
        public void mouseEntered(MouseEvent e)
        {
            // TODO Auto-generated method stub
        }
 
        @Override
        public void mouseExited(MouseEvent e)
        {
            // TODO Auto-generated method stub
        }
 
        @Override
        public void mouseReleased(MouseEvent e)
        {
        // TODO Auto-generated method stub
        }
    }
    
    
    public static void main(String[] args) 
    {
        new test();
    }
}

@Annaboka · 12.03.2018, 14:36 **[ТС]**

Спасибо, что тратите на меня время

Очень здорово получилось!!!
Единственная проблема - у меня Мак, пока не поняла, что скачать, чтобы дома заиграло.

@Nidl · 12.03.2018, 15:09

на Мас файлы с расширением exe работают посресдтвом запуска через специальное ПО. здесь увы ничего порекомендовать не могу, с Мас не знаком, всегда предан только Win (даже планшет с Win у меня, что очень удобно)

@Annaboka 0 / 0 / 0 Регистрация: 10.03.2018 Сообщений: 3
		1
	Остановка анимации по клику 10.03.2018, 09:28. Показов 1337. Ответов 6 Метки нет (Все метки) Добрый день! Пишу диплом по граф дизайну и пришлось столкнуться в программированием, хотя полный ноль в этом. Нужно сделать анимацию - зацикленная смена нескольких картинок (по сути gif). По клику на определенную картинку анимация останавливается на этой картинке и раскрывается дополнительная текстовая информация. По повторному клику запускается заново. И так для каждой из картинок. Господа разработчики, помогите плииииз! 0

@Annaboka 0 / 0 / 0 Регистрация: 10.03.2018 Сообщений: 3
	11.03.2018, 09:48 [ТС]	3
	Nidl, Вы правы! черт ногу сломит. Я даже Ваш код проиграть не могу. Вставила радостная в HTML - а нет! как-то по-другому, видать, работает Добавлено через 26 минут Nidl, Подскажите, если несложно, какие программы помогут мне сделать это меньшими усилиями? 0

@Nidl 296 / 149 / 67 Регистрация: 22.02.2017 Сообщений: 592
	11.03.2018, 21:58	4
	этот код не для HTML это java ) для его компиляции нужна еще настроенная среда есть 2 пути ) даже в флеше нужны небольшие но познания. пару минут я сейчас сделаю exe файл из него и вы посмотрите, сколько вы имеет картинок и какое у них разрешение, какой текст на картинки ? большое содержание или пару строк ? так я смогу именно под вас сделать автономный вариант котоому нужно только картинки в папку добавить сейчас сделаю примерчик на картинок 5 с текстом 0

@Annaboka 0 / 0 / 0 Регистрация: 10.03.2018 Сообщений: 3
	12.03.2018, 14:36 [ТС]	6
	Спасибо, что тратите на меня время Очень здорово получилось!!! Единственная проблема - у меня Мак, пока не поняла, что скачать, чтобы дома заиграло. 0

@Nidl 296 / 149 / 67 Регистрация: 22.02.2017 Сообщений: 592
	12.03.2018, 15:09	7
	на Мас файлы с расширением exe работают посресдтвом запуска через специальное ПО. здесь увы ничего порекомендовать не могу, с Мас не знаком, всегда предан только Win (даже планшет с Win у меня, что очень удобно) 0