Форум программистов, компьютерный форум, киберфорум
Java: GUI, графика
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/55: Рейтинг темы: голосов - 55, средняя оценка - 4.75
 Аватар для waip
7 / 7 / 1
Регистрация: 27.05.2011
Сообщений: 297

Нарисовать квадрат и добавить возможность перетаскивать его по экрану

23.05.2015, 11:03. Показов 10852. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Задача такая. Нарисовать квадрат и добавить возможность перетаскивать его по экрану.

Что я делаю:

Для начала надо как-то отрисовать фигуру.. Я добавил кнопку на главную панель(mainPanel) и при нажатии она выполняет отрисовку. Листинг ниже:
Java
1
2
3
4
5
       
Graphics g = mainPanel.getGraphics();
Graphics2D g2 = (Graphics2D) g;
line = new Rectangle2D.Double(10, 10, 150, 150);
g2.draw(line);
где line глобальная переменная. Изначально думал, что ссылка на фигуру может быть полезной, но ошибался.

Теперь, когда фигура отрисовывается после нажатия кнопки, необходимо реализовать перемещение этой фигуры.
Изначально, я представлял себе, что на фигуру смогу повесить слушателя(как на кнопку), но увы... Поэтому, я добавил прослушивание события "mousePressed" на mainPanel. Теперь я отлавливаю все зажатия мыши... Но остается непонятен вопрос... а как вообще разобрать, что мышкой было зажато? Может это было пустое поле, а может это была фигура... И поэтому в тело слушателя mousePressed был добавлен следующий код:
Java
1
2
3
if(line.contains(evt.getPoint())){
isSelected = true;       
}
где isSelected переменная, которая говорит нам о том была ли зажата фигура или пустое поле.

И теперь, когда я определил, что фигура зажата, оставалось только сделать так чтобы она "бежала" за мышкой и после того как я отпущу кнопку - фигура упадет в то место где была мышь... Для этого я воспользовался слушателем mouseDraged компонента mainPanel листинг ниже:
Java
1
2
3
4
5
6
7
8
        if(isSelected){
             
             Graphics g = mainPanel.getGraphics();
             Graphics2D g2 = (Graphics2D) g;
             line = new Rectangle2D.Double(evt.getPoint().getX(), evt.getPoint().getY(), 150, 150);             
             g2.draw(line); 
           
        }
Теперь становится понятным для чего была введена булева переменная - чтобы осуществлялась перересовка только тогда когда была зажата фигура. Финальным штрихом было сообщить, что фигура была отпущена и перетаскивать ее больше ненадо. Листинг события mouseReleased:
Java
1
isSelected = false;
Что получается? Выходит, что когда я перетаскиваю фигуру то за ней ползет след перерисованных фигур.
Встал вопрос... А как убрать след? Возвращаясь к событию mouseDraged, в него было необходимо было добавить перерисовку. Дополненный листинг события ниже:
Java
1
2
3
4
5
6
7
8
        if(isSelected){
             this.getFrame().repaint();
             Graphics g = mainPanel.getGraphics();
             Graphics2D g2 = (Graphics2D) g;
             line = new Rectangle2D.Double(evt.getPoint().getX(), evt.getPoint().getY(), 150, 150);             
             g2.draw(line); 
           
        }
Каков итог? Теперь при перемещении фигура мигает(чего не хотелось бы) и если отпустить кнопку мыши то фигура пропадает. Помогите разобраться.

Кроме того интересуют пояснения по архитектуре. Верно ли мной выбрано решение(алгоритм) для поставленной задачи?

Листинг программы под спойлером.

Кликните здесь для просмотра всего текста
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
/*
 * DrawsView.java
 */
 
package draws;
 
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Shape;
import org.jdesktop.application.Action;
import org.jdesktop.application.ResourceMap;
import org.jdesktop.application.SingleFrameApplication;
import org.jdesktop.application.FrameView;
import org.jdesktop.application.TaskMonitor;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.geom.Line2D;
import java.awt.geom.Rectangle2D;
import javax.swing.Timer;
import javax.swing.Icon;
import javax.swing.JDialog;
import javax.swing.JFrame;
 
/**
 * The application's main frame.
 */
public class DrawsView extends FrameView {
Rectangle2D line;
boolean isSelected;
    public DrawsView(SingleFrameApplication app) {
        super(app);
 
        initComponents();
 
        // status bar initialization - message timeout, idle icon and busy animation, etc
        ResourceMap resourceMap = getResourceMap();
        int messageTimeout = resourceMap.getInteger("StatusBar.messageTimeout");
        messageTimer = new Timer(messageTimeout, new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                statusMessageLabel.setText("");
            }
        });
        messageTimer.setRepeats(false);
        int busyAnimationRate = resourceMap.getInteger("StatusBar.busyAnimationRate");
        for (int i = 0; i < busyIcons.length; i++) {
            busyIcons[i] = resourceMap.getIcon("StatusBar.busyIcons[" + i + "]");
        }
        busyIconTimer = new Timer(busyAnimationRate, new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                busyIconIndex = (busyIconIndex + 1) % busyIcons.length;
                statusAnimationLabel.setIcon(busyIcons[busyIconIndex]);
            }
        });
        idleIcon = resourceMap.getIcon("StatusBar.idleIcon");
        statusAnimationLabel.setIcon(idleIcon);
        progressBar.setVisible(false);
    }
 
    
    private void initComponents() {
 
        mainPanel = new javax.swing.JPanel();
        jButton1 = new javax.swing.JButton();
        jButton2 = new javax.swing.JButton();
        menuBar = new javax.swing.JMenuBar();
        javax.swing.JMenu fileMenu = new javax.swing.JMenu();
        javax.swing.JMenuItem exitMenuItem = new javax.swing.JMenuItem();
        javax.swing.JMenu helpMenu = new javax.swing.JMenu();
        javax.swing.JMenuItem aboutMenuItem = new javax.swing.JMenuItem();
        statusPanel = new javax.swing.JPanel();
        javax.swing.JSeparator statusPanelSeparator = new javax.swing.JSeparator();
        statusMessageLabel = new javax.swing.JLabel();
        statusAnimationLabel = new javax.swing.JLabel();
        progressBar = new javax.swing.JProgressBar();
 
        mainPanel.setName("mainPanel"); // NOI18N
        mainPanel.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mousePressed(java.awt.event.MouseEvent evt) {
                mainPanelMousePressed(evt);
            }
            public void mouseReleased(java.awt.event.MouseEvent evt) {
                mainPanelMouseReleased(evt);
            }
        });
        mainPanel.addMouseMotionListener(new java.awt.event.MouseMotionAdapter() {
            public void mouseDragged(java.awt.event.MouseEvent evt) {
                mainPanelMouseDragged(evt);
            }
        });
        mainPanel.addInputMethodListener(new java.awt.event.InputMethodListener() {
            public void inputMethodTextChanged(java.awt.event.InputMethodEvent evt) {
            }
            public void caretPositionChanged(java.awt.event.InputMethodEvent evt) {
                mainPanelCaretPositionChanged(evt);
            }
        });
 
        org.jdesktop.application.ResourceMap resourceMap = org.jdesktop.application.Application.getInstance(draws.DrawsApp.class).getContext().getResourceMap(DrawsView.class);
        jButton1.setText(resourceMap.getString("jButton1.text")); // NOI18N
        jButton1.setName("jButton1"); // NOI18N
        jButton1.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mousePressed(java.awt.event.MouseEvent evt) {
                jButton1MousePressed(evt);
            }
        });
 
        jButton2.setText(resourceMap.getString("jButton2.text")); // NOI18N
        jButton2.setName("jButton2"); // NOI18N
        jButton2.addMouseListener(new java.awt.event.MouseAdapter() {
            public void mousePressed(java.awt.event.MouseEvent evt) {
                jButton2MousePressed(evt);
            }
        });
 
        javax.swing.GroupLayout mainPanelLayout = new javax.swing.GroupLayout(mainPanel);
        mainPanel.setLayout(mainPanelLayout);
        mainPanelLayout.setHorizontalGroup(
            mainPanelLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(javax.swing.GroupLayout.Alignment.TRAILING, mainPanelLayout.createSequentialGroup()
                .addContainerGap(178, Short.MAX_VALUE)
                .addComponent(jButton2)
                .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
                .addComponent(jButton1)
                .addGap(70, 70, 70))
        );
        mainPanelLayout.setVerticalGroup(
            mainPanelLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(javax.swing.GroupLayout.Alignment.TRAILING, mainPanelLayout.createSequentialGroup()
                .addContainerGap(202, Short.MAX_VALUE)
                .addGroup(mainPanelLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE)
                    .addComponent(jButton1)
                    .addComponent(jButton2))
                .addGap(29, 29, 29))
        );
 
        menuBar.setName("menuBar"); // NOI18N
 
        fileMenu.setText(resourceMap.getString("fileMenu.text")); // NOI18N
        fileMenu.setName("fileMenu"); // NOI18N
 
        javax.swing.ActionMap actionMap = org.jdesktop.application.Application.getInstance(draws.DrawsApp.class).getContext().getActionMap(DrawsView.class, this);
        exitMenuItem.setAction(actionMap.get("quit")); // NOI18N
        exitMenuItem.setName("exitMenuItem"); // NOI18N
        fileMenu.add(exitMenuItem);
 
        menuBar.add(fileMenu);
 
        helpMenu.setText(resourceMap.getString("helpMenu.text")); // NOI18N
        helpMenu.setName("helpMenu"); // NOI18N
 
        aboutMenuItem.setAction(actionMap.get("showAboutBox")); // NOI18N
        aboutMenuItem.setName("aboutMenuItem"); // NOI18N
        helpMenu.add(aboutMenuItem);
 
        menuBar.add(helpMenu);
 
        statusPanel.setName("statusPanel"); // NOI18N
 
        statusPanelSeparator.setName("statusPanelSeparator"); // NOI18N
 
        statusMessageLabel.setName("statusMessageLabel"); // NOI18N
 
        statusAnimationLabel.setHorizontalAlignment(javax.swing.SwingConstants.LEFT);
        statusAnimationLabel.setName("statusAnimationLabel"); // NOI18N
 
        progressBar.setName("progressBar"); // NOI18N
 
        javax.swing.GroupLayout statusPanelLayout = new javax.swing.GroupLayout(statusPanel);
        statusPanel.setLayout(statusPanelLayout);
        statusPanelLayout.setHorizontalGroup(
            statusPanelLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addComponent(statusPanelSeparator, javax.swing.GroupLayout.DEFAULT_SIZE, 400, Short.MAX_VALUE)
            .addGroup(statusPanelLayout.createSequentialGroup()
                .addContainerGap()
                .addComponent(statusMessageLabel)
                .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED, 230, Short.MAX_VALUE)
                .addComponent(progressBar, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE)
                .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
                .addComponent(statusAnimationLabel)
                .addContainerGap())
        );
        statusPanelLayout.setVerticalGroup(
            statusPanelLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(statusPanelLayout.createSequentialGroup()
                .addComponent(statusPanelSeparator, javax.swing.GroupLayout.PREFERRED_SIZE, 2, javax.swing.GroupLayout.PREFERRED_SIZE)
                .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED, javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)
                .addGroup(statusPanelLayout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE)
                    .addComponent(statusMessageLabel)
                    .addComponent(statusAnimationLabel)
                    .addComponent(progressBar, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE))
                .addGap(3, 3, 3))
        );
 
        setComponent(mainPanel);
        setMenuBar(menuBar);
        setStatusBar(statusPanel);
    }// </editor-fold>
 
    private void jButton1MousePressed(java.awt.event.MouseEvent evt) {
        Graphics g = mainPanel.getGraphics();
        Graphics2D g2 = (Graphics2D) g;
        //g2.drawLine(10, 10, 50, 50);
        line = new Rectangle2D.Double(10, 10, 150, 150);
        //g2.
        //g2.fill(line);
        g2.draw(line);
    }
 
    private void mainPanelMousePressed(java.awt.event.MouseEvent evt) {
       
        if(line.contains(evt.getPoint())){
             isSelected = true;       
        }
               
    }
 
    private void mainPanelMouseDragged(java.awt.event.MouseEvent evt) {
 
        if(isSelected){
             
             Graphics g = mainPanel.getGraphics();
             Graphics2D g2 = (Graphics2D) g;
             line = new Rectangle2D.Double(evt.getPoint().getX(), evt.getPoint().getY(), 150, 150);             
             
             //g2.fill(new Rectangle2D.Double(0, 0, 650, 650));
             g2.draw(line); 
           
        }
       // System.out.println(line.contains(evt.getPoint()));
    }
 
    private void mainPanelMouseReleased(java.awt.event.MouseEvent evt) {
      System.out.println("RELEASED");
      isSelected = false;
 
    }
 
    private void jButton2MousePressed(java.awt.event.MouseEvent evt) {
        
    }
 
    private void mainPanelCaretPositionChanged(java.awt.event.InputMethodEvent evt) {
        // TODO add your handling code here:
    }
 
    // Variables declaration - do not modify
    private javax.swing.JButton jButton1;
    private javax.swing.JButton jButton2;
    private javax.swing.JPanel mainPanel;
    private javax.swing.JMenuBar menuBar;
    private javax.swing.JProgressBar progressBar;
    private javax.swing.JLabel statusAnimationLabel;
    private javax.swing.JLabel statusMessageLabel;
    private javax.swing.JPanel statusPanel;
    // End of variables declaration
 
    private final Timer messageTimer;
    private final Timer busyIconTimer;
    private final Icon idleIcon;
    private final Icon[] busyIcons = new Icon[15];
    private int busyIconIndex = 0;
 
    private JDialog aboutBox;
}
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
23.05.2015, 11:03
Ответы с готовыми решениями:

Нарисовать квадрат, а в середине фигуру, которую можно перетаскивать
нужно нарисовать квадрат а в середине её фигуру которую можна в дальнейшем перетаскивать, может какойто примерчик подскажите

Мне нужно перетаскивать элементы по экрану, но захватывается на перетаскивание и основной див, со всеми картинками.
Добрый день! &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;title&gt;Document&lt;/title&gt; &lt;/head&gt; &lt;body&gt; ...

Нарисовать снеговика, перемещать его по экрану сначала слева направо, а потом сверху вниз вдоль границ графического окна
Не получается передвигать снеговик.Я просто не могу понять Нарисовать снеговик и перемещать его по экрану сначала слева направо, а потом...

3
Автоматизируй это!
Эксперт Python
 Аватар для Welemir1
7390 / 4817 / 1246
Регистрация: 30.03.2015
Сообщений: 13,664
Записей в блоге: 29
23.05.2015, 11:52
можно конечно и так, но если таскать придется именно Квадраты, то почему просто на форме не рисовать панель с черными границами? а на панель навесить МаусМоушнЛистенер, чтобы отслеживать МаусДраг и перерисовывать по новым коорднатам
0
 Аватар для waip
7 / 7 / 1
Регистрация: 27.05.2011
Сообщений: 297
23.05.2015, 12:19  [ТС]
Кстати идея у вас хорошая... Перетаскивать планирую и другие геометрические фигуры поэтому возникла такая необходимость.
0
Автоматизируй это!
Эксперт Python
 Аватар для Welemir1
7390 / 4817 / 1246
Регистрация: 30.03.2015
Сообщений: 13,664
Записей в блоге: 29
24.05.2015, 10:53
ну если другие тоже, то тогда надо сразу по вашему методу делать...если конечно нет возможности разместить компонент (к примеру панель) произвольной формы

Добавлено через 21 час 45 минут
waip, кстати, вообще можно именно панелью и обойтись!!! Можно ведь сделать ее "невидимой" (цвет фона и без границ) а на самой панели рисовать любые фигуры. А уж панель таскать и слушатель к ней привязать -не проблема!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
24.05.2015, 10:53
Помогаю со студенческими работами здесь

Нарисовать квадрат и выполнить его диагональную штриховку
В центре экрана нарисовать квадрат и выполнить его диагональную штриховку в виде двух треугольников, расположенных еа одной диагонали...

В центре экрана нарисовать квадрат и выполнить его диагональную штриховку
В центре экрана нарисовать квадрат и выполнить его диагональную штриховку из левого нижнего угла в правый верхний провести линию, остальные...

На всю форму залита картинка как фон, при зажатой левой клавише можно перетаскивать форму по экрану
Всем доброго времени суток. Пробовал сделать как в простом VSL Application, ничего не получается: void __fastcall...

На всю форму залита картинка как фон, при зажатой левой клавише можно перетаскивать форму по экрану
Подскажите как это можно осущиствить? Как словить момент зажатия и как продумать логику перетаскивания?

Нарисовать квадрат по указанным координатам его центра (точки пересечения диагоналей) и длиной стороны
Нарисовать квадрат по указанным координатам его центра (точки пересечения диагоналей) и длиной стороны.


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
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
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru