Передвижение Picturebox-ов по клику

@10vital08 · Регистрация: 23.08.2016

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

У меня на форме есть 36 Picturebox-в. При нажатии на один из них, должны передвигаться по X и Y(в пределах квадрата 3x3) компоненты Picturebox, окружающие его. Подскажите, как это сделать

Добавлено через 1 час 26 минут
Допустим, есть 9 компонентов = квадрат 3х3.
Что мне нужно сделать, чтобы при нажатии на центральный компонент, передвинулись соседние компоненты по кругу?

@Sanya_sa · 30.01.2017, 15:00

10vital08,
9 пикчер боксов - плохо(

Вы свои элементы которые двигать собрались опишите классами и рисуйте их в OnPaint. Примерно так Действие на графику

НО если хотите пикчербоксы "двигать" - то свойство Location. Но это не правильно!

@10vital08 · 02.02.2017, 14:19 **[ТС]**

Дорогие друзья, сейчас я имею 36 динамически созданных picturebox-в (в квадрате 6x6). Подскажите, как мне сделать обработчик событий для любого picturebox-а, чтобы при нажатии на него, передвигались его соседние элементы вокруг него?

C#
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
namespace PuzzleGame
{
    public partial class Form1 : Form
    {
        public class ItemGr
        {
            public PictureBox pic { set; get; }
            public Image Img { set; get; }
            public Point Pos { set; get; }
        }
 
        ItemGr[,] Imag = new ItemGr[6, 6];
 
        public Form1()
        {
            Bitmap B = new Bitmap(global::PuzzleGame.Properties.Resources.back);
            this.BackgroundImage = B;
            
            for (int i = 0; i < 6; i++)
            {
               for (int j = 0; j < 6;j++ )
               {
                   Imag[i, j] = new ItemGr();
                   Imag[i, j].pic = new PictureBox();
                   Imag[i, j].Pos = new Point(210 + i * 100, 65 + j * 100);
                   Imag[i, j].pic.Width = 96;
                   Imag[i, j].pic.Height = 96;
 
                   if ((i < 1 & j < 3) | (i < 3 & j < 1) | (( i == 2  & (j == 2 | j == 3 | j == 4))) | (i == 3 & j == 2))
                   {
                       Imag[i, j].pic.Image = global::PuzzleGame.Properties.Resources._1; 
                   }
 
                   if ((i < 1 & j > 2) | (i < 4  & j > 4) | (i == 1 & j == 4) | ((i == 2 | i ==3) & j ==1 ))
                   {
                       Imag[i, j].pic.Image = global::PuzzleGame.Properties.Resources._3;
                   }
 
                   if ((i > 2 & j < 1) | (i > 3 & j < 3 ) | ( i==1 & (j ==2 | j == 3) ))
                   {
                       Imag[i, j].pic.Image = global::PuzzleGame.Properties.Resources._2;
                   }
 
                   if ( (i == 1 & j == 1) | (i > 3 & j > 2) | (i == 3 & (j == 3 | j == 4)))
                   {
                       Imag[i, j].pic.Image = global::PuzzleGame.Properties.Resources._4;
                   }
                   Imag[i, j].pic.Location = Imag[i, j].Pos;
                   Imag[i, j].pic.BackColor = Color.Transparent;
                   this.Controls.Add(Imag[i, j].pic);
                   Imag[i, j].pic.Click += PbClick;
               }
            }
            
                InitializeComponent();
        }
 
    } 
}

@10vital08 · 02.02.2017, 14:25 **[ТС]**

Вот так выглядит форма при запуске проги сейчас

@Sanya_sa · 02.02.2017, 14:45

Делаете класс сетки (поля), при клике определяете в какую клетку поля попали, определяете соседних клетки и передвигаете в этих клетках элементы.

Добавлено через 2 минуты
10vital08, Да к стати не используйте в классе ItemGr pictureBox! Зачем такую тяжесть таскать! Просто Image достаточно.

Добавлено через 8 минут
10vital08,
ItemGr[,] Imag = new ItemGr[6, 6]; - это то же не нужно у Вас в классе ItemGr есть свойство Pos, его и используйте!
те так как то:

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
List<ItemGr> Items = new List<ItemGr>();
 
// Далее в конструкторе в список Items добавляете нужные элементы
 
 
// далее в переопредеяете метод OnPaint
protected override void OnPaint(PaintEventArgs e)
{
    foreach (var it in Items )
    {
       e.Graphics.DrawImage(it.Img , it.Pos);
    }
}

Андерстенд?

Добавлено через 4 минуты
Для определени координат клика мыши, перетаскивания и тд используйте обработчики того контрола на котором рисуете свой Items.
Вот этих обработчиков будет достаточно:
MouseMove
MouseUp
MouseDown

@10vital08 · 02.02.2017, 14:50 **[ТС]**

Sanya_sa, как я с помощью List<ItemGr> Items = new List<ItemGr>() нарисую картинки так, как они расположены сейчас?

@Sanya_sa · 02.02.2017, 15:00

10vital08,
Очень просто создаете класс сетки (поля) с заданым размером ячейки и все)

@10vital08 · 03.02.2017, 18:26 **[ТС]**

Sanya_sa, написал по твоему совету.

C#
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
namespace WindowsFormsApplication1
{
    
    public partial class Form1 : Form
    {
        public class ItemGr
        {
            public Image Img { set; get; }
            public Point Pos { set; get; }
 
            public ItemGr(Image img, Point pos)
            {
                Img = img;
                Pos = pos;
            }
        }
 
        public Form1()
        {
            InitializeComponent();
            Bitmap B = new Bitmap(global::WindowsFormsApplication1.Properties.Resources.back);
            this.BackgroundImage = B;
            for (int i = 0; i < 6; i++)
            {
                for (int j = 0; j < 6; j++)
                {
 
                    if ((i < 1 & j < 3) | (i < 3 & j < 1) | ((i == 2 & (j == 2 | j == 3 | j == 4))) | (i == 3 & j == 2))
                    {
                        _ItemsGr.Add(new ItemGr(Properties.Resources._1, new Point(210 + i * 100, 65 + j * 100)));
                    }
 
                    if ((i < 1 & j > 2) | (i < 4 & j > 4) | (i == 1 & j == 4) | ((i == 2 | i == 3) & j == 1))
                    {
                        _ItemsGr.Add(new ItemGr(Properties.Resources._3, new Point(210 + i * 100, 65 + j * 100)));
                    }
 
                    if ((i > 2 & j < 1) | (i > 3 & j < 3) | (i == 1 & (j == 2 | j == 3)))
                    {
                        _ItemsGr.Add(new ItemGr(Properties.Resources._2, new Point(210 + i * 100, 65 + j * 100)));
                    }
 
                    if ((i == 1 & j == 1) | (i > 3 & j > 2) | (i == 3 & (j == 3 | j == 4)))
                    {
                        _ItemsGr.Add(new ItemGr(Properties.Resources._4, new Point(210 + i * 100, 65 + j * 100)));
                    }
                }
            }
        }
 
        private List<ItemGr> _ItemsGr = new List<ItemGr>();
        private ItemGr _SelectedItemGr = null;
 
 
        protected override void OnPaint(PaintEventArgs e)
        {
            foreach (var it in _ItemsGr)
            {
                e.Graphics.DrawImage(it.Img, it.Pos);
            }
 
            if (_SelectedItemGr != null)
            {
                e.Graphics.DrawRectangle(Pens.Red, new Rectangle(_SelectedItemGr.Pos, _SelectedItemGr.Img.Size));
                e.Graphics.DrawImage(_SelectedItemGr.Img, new Rectangle(_SelectedItemGr.Pos, new Size(_SelectedItemGr.Img.Size.Width + 10, _SelectedItemGr.Img.Size.Height + 10)));
            }
        }
 
 
        private void timer1_Tick(object sender, EventArgs e)
        {
            Invalidate();
        }
 
        private void Form1_MouseDown(object sender, MouseEventArgs e)
        {
            foreach (var it in _ItemsGr)
            {
                if (e.X > it.Pos.X && e.Y > it.Pos.Y && e.X < it.Pos.X + it.Img.Size.Width && e.Y < it.Pos.Y + it.Img.Size.Height)
                {
                    
                    //_SelectedItemGr = it;
                    return;
                }
            }
        }
 
        private void Form1_MouseUp(object sender, MouseEventArgs e)
        {
            _SelectedItemGr = null;
        }
 
    }
}

Получилось также отрисовать.
А как сделать так, чтобы элементы вокруг передвигались по часовой(или наоборот) стрелке при клике?

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@10vital08 1 / 1 / 0 Регистрация: 23.08.2016 Сообщений: 33

	Передвижение Picturebox-ов по клику 30.01.2017, 14:53. Показов 900. Ответов 7 Метки нет (Все метки) У меня на форме есть 36 Picturebox-в. При нажатии на один из них, должны передвигаться по X и Y(в пределах квадрата 3x3) компоненты Picturebox, окружающие его. Подскажите, как это сделать Добавлено через 1 час 26 минут Допустим, есть 9 компонентов = квадрат 3х3. Что мне нужно сделать, чтобы при нажатии на центральный компонент, передвинулись соседние компоненты по кругу? 0

@Sanya_sa 912 / 816 / 333 Регистрация: 03.02.2015 Сообщений: 5,276 Записей в блоге: 9
	30.01.2017, 15:00
	10vital08, 9 пикчер боксов - плохо( Вы свои элементы которые двигать собрались опишите классами и рисуйте их в OnPaint. Примерно так Действие на графику НО если хотите пикчербоксы "двигать" - то свойство Location. Но это не правильно! 0

@10vital08 1 / 1 / 0 Регистрация: 23.08.2016 Сообщений: 33
	02.02.2017, 14:25 [ТС]
	Вот так выглядит форма при запуске проги сейчас 0

@10vital08 1 / 1 / 0 Регистрация: 23.08.2016 Сообщений: 33
	02.02.2017, 14:50 [ТС]
	Sanya_sa, как я с помощью List<ItemGr> Items = new List<ItemGr>() нарисую картинки так, как они расположены сейчас? 0

@Sanya_sa 912 / 816 / 333 Регистрация: 03.02.2015 Сообщений: 5,276 Записей в блоге: 9
	02.02.2017, 15:00
	10vital08, Очень просто создаете класс сетки (поля) с заданым размером ячейки и все) 0