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

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

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

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

@Nidl · 10.03.2018, 22:05

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

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

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
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 у меня, что очень удобно)

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

@Annaboka 0 / 0 / 0 Регистрация: 10.03.2018 Сообщений: 3

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

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

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

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

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