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

@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 у меня, что очень удобно)

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

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

	Остановка анимации по клику 10.03.2018, 09:28. Показов 1525. Ответов 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