Как отобразить несколько контролов одновременно?

Question

[soundie]

На форме (WinForms) динамически создаётся поле размером 10 на 10. Каждая ячейка этого поля - это компонент PictureBox. После того как компоненты созданы и настроены через обычный двойной цикл происходит их отображение (Visible устанавливается в true). Отображаются они по очереди, что заметно глазу. При этом по логике игры нужно чтобы они появились одновременно (по крайней мере с наиболее низкой задержкой из возможных, чтобы глаз не заметил или почти не заметил).

Пробовал Parallel.For и Task.Factory - не отображаются все ячейки и програма к тому же зависает. Пробовал async/await, пробовал создавать под ячейки контейнер (ещё один PictureBox и показывать только его когда всё остальное там загрузится) - результат такой же как и с обычным двойным циклом.

Как можно показать контролы одновременно?

UPDATE: Может WPF лучше для таких целей подойдёт в плане скорости отображения множества картинок?

Comments

[Александр Ананьев]

Покажите ваш код

[soundie]

Александр Ананьев,

public partial class Form1 : Form
{
    private List<Image> listImages;
        
    public Form1()
    {
        listImages = new List<Image>();
		
        // Изображения 10x10 пикселей 
        for (int i = 1; i <= 100; i++)
            listImages.Add(Image.FromFile(Environment.CurrentDirectory + @$"\images\cell{i}.png"));
			
        InitializeComponent();
    }
        
    private void Form1_Shown(object sender, EventArgs e)
    {
        List<PictureBox> listCells = new List<PictureBox>();

        for (int i = 1; i <= 100; i++)
        {
            PictureBox pbField = new PictureBox();
            
            pbField.Name = $"pbField{i}";
            pbField.Visible = false;
            pbField.SizeMode = PictureBoxSizeMode.Normal;
            pbField.Image = listImages[i-1];
            pbField.Width = pbField.Image.Width;
            pbField.Height = pbField.Image.Height;               
            pbField.BackColor = Color.Transparent;
            pbField.Cursor = Cursors.Hand;
            pbField.Location = ...; // тут сложная игровая логика позиционирования
            pbField.Parent = this;
				
            listCells.Add(pbField);
        }
						
        // Вариант показа №1 (не одновременный)
        for (int i = 0; i < 100; i++)
            listCells[i].Visible = true;
			
        // Вариант №2 (показывается часть и зависает)
        Parallel.For(0, 100, i =>
        {
            listCells[i].Visible = true;
        });
			
        // Вариант №3 (показывается часть и зависает)
        for (int i = 0; i < 100; i++)
        {
            var task = Task.Factory.StartNew(() =>
            {
                listCells[i].Visible = true;
            });
        }			
			
        // Вариант №4 (не одновременный)
        for (int i = 0; i < 100; i++)
            await ShowCell(i); 
    }
	        
    private async Task ShowCell(int i)
    {
        listCells[i].Visible = true;
    }

[Роман]

Закройте их сверху чем нибудь, когда прогрузиться делаете верхний контрол невидимым

[Voland69]

Можно собрать все на невидимый Panel, а потом сделать его видимым.

[Борис Животное]

Асинхронный метод ShowCell здесь вообще не в тему. Это код должен выполниться синхронно. Parallel.For и Task.Factory.StartNew должны сделать только хуже, если не учитывать, что здесь ещё и синхронизации нет. Это вообще бессмысленные действия.

[Борис Животное]

WPF здесь точно лучше будет работать в плане отрисовки. Да и Windows Forms, по моему личному мнению это пустая трата времени. Можно немного потратить чисто для опыта и расширения кругозора. Все новые технологии, которые как-то связаны с UI так или иначе похожи на WPF и опыт оттуда будет в разы полезнее в будущем. Тот же AvaloniaUI почти один в один - WPF, а работает и на маке и на линуксе и на винде. Кажись, теперь ещё и на телефонах.

Answer 1

[VoidVolker]

Просто используйте WPF - там нет таких проблем с производительностью. У WinForms проблема с производительностью связана с использованием древнего GDI API. И, если хочется решить эту проблему - то в таком случае надо вручную писать рендеры для контролов. В данном случае это будет так: создать кастомный контрол и написать к нему кастомный рендер, который будет брать картинки и копировать их всех в один канвас/буфер, так же в самом этом контроле обрабатывать события пользовательского ввода. Плюс потребуется найти и применить дополнительные хаки для повышения производительности, такие как добавление специальных флагов стилей к окну, переписывание дополнительных методов в контролах и прочее. Проверено на личном опыте.

Comments

[soundie]

Да, сейчас уже это понял - написал тестовое поле под WPF и там вообще всё летает и делается моментально - даже аж удивительно.

[VoidVolker]

Если еще нет опыта с WPF, то рекомендую сразу начать с паттерна MVVM (на хабре полно хороших статей). Ключевые слова для подключения библиотек: Prism, Entity Framework.