Свой стиль CheckBox для listbox и стиль кнопок

@Alexandr_7 · Регистрация: 29.12.2015

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

Здравствуйте.
Несколько вопросов.
1 Как создать стиль своего CheckBox для listbox точнее нужно указать свои картинки на галочки.
2. Нужно сделать 2 стиля кнопок. Первый стиль копирующий кнопку Установить из Steam и 2 стиль копирующий стиль кнопки VK ну или подобрать похожий под VK.
Со 2 случаем тут проблема не в том что не знаю как сделать. А в том что не знаю какой градиент. под какое свойство.
С VK тоже проблема. Без понятия как от туда выдрать стиль кнопок.

Добавлено через 6 минут
Если кто знает как выдрать стиль из Steam то подскажите также градиент полоски ачивок. Имеется в виду современный стиль нынешного Steam.

@Элд Хасп · 27.03.2021, 19:10

Сообщение от Alexandr_7

Вот полностью готовый необходимый мне вариант:

Значения Source хотя бы в ресурсы вынесите и задайте им динамическую привязку:

XML
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
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:sys="clr-namespace:System;assembly=mscorlib">
 
    <SolidColorBrush x:Key="OptionMark.MouseOver.Background" Color="#FFF3F9FF"/>
    <SolidColorBrush x:Key="OptionMark.MouseOver.Border" Color="#FF5593FF"/>
    <SolidColorBrush x:Key="OptionMark.Disabled.Background" Color="#FFE6E6E6"/>
    <SolidColorBrush x:Key="OptionMark.Disabled.Border" Color="#FFBCBCBC"/>
    <SolidColorBrush x:Key="OptionMark.Pressed.Background" Color="#FFD9ECFF"/>
    <SolidColorBrush x:Key="OptionMark.Pressed.Border" Color="#FF3C77DD"/>
 
    <sys:String x:Key="Image.Checked">/./Resources/Checked.png</sys:String>
    <sys:String x:Key="Image.Unchecked">/./Resources/Unchecked.png</sys:String>
    <sys:String x:Key="Image.Null">/./Resources/Indeterminate.png</sys:String>
 
    <Style x:Key="StyleCheckBox" TargetType="CheckBox" >
        <Setter Property="MinHeight" Value="36" />
        <Setter Property="Cursor" Value="Hand" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="CheckBox">
                    <Grid x:Name="templateRoot" Background="Transparent">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="auto"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Grid Grid.Column="0">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <Border x:Name="checkBoxBorder" Grid.Column="1" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="1" VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
                                <Grid x:Name="markGrid">
                                    <Image x:Name="checkChecked" Source="{DynamicResource Image.Null}" Margin="1" Opacity="1" Stretch="None" />
                                </Grid>
                            </Border>
                        </Grid>
                        <Grid Grid.Column="1">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="auto"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <ContentPresenter x:Name="contentPresenter" Grid.Row="1" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Grid>
                    </Grid>
 
                    <ControlTemplate.Triggers>
                        <Trigger Property="HasContent" Value="true">
                            <Setter Property="FocusVisualStyle" Value="{StaticResource OptionMarkFocusVisual}"/>
                            <Setter Property="Padding" Value="4,-1,0,0"/>
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="true">
                            <Setter Property="Background" TargetName="checkBoxBorder" Value="{StaticResource OptionMark.MouseOver.Background}"/>
                            <Setter Property="BorderBrush" TargetName="checkBoxBorder" Value="{StaticResource OptionMark.MouseOver.Border}"/>
                            <Setter Property="TextBlock.FontWeight" TargetName="contentPresenter" Value="Bold"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter Property="Background" TargetName="checkBoxBorder" Value="{StaticResource OptionMark.Disabled.Background}"/>
                            <Setter Property="BorderBrush" TargetName="checkBoxBorder" Value="{StaticResource OptionMark.Disabled.Border}"/>
                            <Setter Property="Opacity" TargetName="checkChecked" Value="0.5" />
                        </Trigger>
                        <Trigger Property="IsPressed" Value="true">
                            <Setter Property="Background" TargetName="checkBoxBorder" Value="{StaticResource OptionMark.Pressed.Background}"/>
                            <Setter Property="BorderBrush" TargetName="checkBoxBorder" Value="{StaticResource OptionMark.Pressed.Border}"/>
                        </Trigger>
                        <Trigger Property="IsChecked" Value="False">
                            <Setter Property="Source" TargetName="checkChecked" Value="{DynamicResource Image.Unchecked}"/>
                        </Trigger>
                        <Trigger Property="IsChecked" Value="True">
                            <Setter Property="Source" TargetName="checkChecked" Value="{DynamicResource Image.Checked}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
 
</ResourceDictionary>

Так вы сможете по месту применения менять рисунки, если будет необходимость.
Все рисунки используемые в этом стиле нужно включить в проект как внедрённые.

Так же заметил вы куда-то потеряли стиль OptionMarkFocusVisual.
Или просто здесь его не выложили?

@Alexandr_7 · 28.03.2021, 16:27 **[ТС]**

Сообщение от Элд Хасп

Так вы сможете по месту применения менять рисунки, если будет необходимость.
Все рисунки используемые в этом стиле нужно включить в проект как внедрённые.

Картинки и так в ресурсах и помечены как ресурс.

Сообщение от Элд Хасп

Так же заметил вы куда-то потеряли стиль OptionMarkFocusVisual.
Или просто здесь его не выложили?

Упс. Не заметил. Странно что и без этого работает но я действительно забыл его прописать. Видимо то что уже прописан и так.

@Элд Хасп · 28.03.2021, 17:35

Сообщение от Alexandr_7

Странно что и без этого работает

Это изменение стиля для элемента в фокусе, если задан контент элементу.
Прочитайте со свойства FocusVisualStyle и HasContent.

@Alexandr_7 · 28.03.2021, 20:59 **[ТС]**

Название: Кнопка Стима активная.png
Просмотров: 120

Размер: 12.5 Кб

Название: Кнопка стима Выделенная.png
Просмотров: 120

Размер: 12.6 Кб

Название: Кнопка Стима неактивная.png
Просмотров: 120

Размер: 9.2 Кб

Вот все 3 стиля у кнопки стима. И как получить его. Пипеткой можно было бы еслиб это был не градиент.

@Элд Хасп · 28.03.2021, 21:02

Сообщение от Alexandr_7

Вот все 3 стиля у кнопки стима. И как получить его. Пипеткой можно было бы еслиб это был не градиент.

Пипеткой берёте крайние значения и устанавливаете линейный градиент между ними.

@Alexandr_7 · 28.03.2021, 21:45 **[ТС]**

Сообщение от Элд Хасп

Значения Source хотя бы в ресурсы вынесите и задайте им динамическую привязку:

Code
1
2
Серьезность  Код  Описание    Проект    Файл    Строка    Состояние подавления
Ошибка        Не удается применить объект типа "System.String" к свойству, для которого требуется тип "System.Windows.Media.ImageSource". Eador_M_of_the_B_W_Launcher S:\Projects\C#\WPF\.NET\.NET Framework\Eador_M_of_the_B_W_Launcher\XAML\MyCheckImageBox.xaml    44

@Элд Хасп · 28.03.2021, 22:23

Сообщение от Alexandr_7

Ошибка Не удается применить объект типа "System.String"....

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

В данном случае замените на:

XML
12
13
14
15
 
    <BitmapImage x:Key="Image.Checked" UriSource="/./Resources/Checked.png"/>
    <BitmapImage x:Key="Image.Unchecked" UriSource="/./Resources/Unchecked.png"/>
    <BitmapImage x:Key="Image.Null" UriSource="/./Resources/Indeterminate.png"/>

@Alexandr_7 · 29.03.2021, 10:35 **[ТС]**

Сделал. Главное окно Выглядит так:

Свой стиль CheckBox для listbox и стиль кнопок

@Alexandr_7 · 30.03.2021, 15:32 **[ТС]**

Я хотел уточнить:

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
CheckBox templateCheckBox;
 
        public WindowArchive()
        {
            InitializeComponent();
 
            templateCheckBox = new CheckBox
            {
                Margin = new Thickness(8),
                VerticalAlignment = VerticalAlignment.Top,
                HorizontalContentAlignment = HorizontalAlignment.Center,
                VerticalContentAlignment = VerticalAlignment.Center,
                Style = (Style)Resources["StyleCheckBox"]
            };
 
            System.IO.Directory.GetFiles(SGeneral.settings.pathSaves, "*.map").ToList().ForEach(x => 
            {
                templateCheckBox.Content = System.IO.Path.GetFileName(x);
                listSaves.Items.Add(templateCheckBox);
            });
        }

Ведь CheckBox который в списке не будет ссылаться на templateCheckBox. Ну получается не будет же как 1 CheckBox?
Просто templateCheckBox мне нужен как шаблон а не компонент

Добавлено через 8 минут
Хотя тупо сделал. Ведь можно так:

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
private CheckBox templateCheckBox(string text)
        {
            return new CheckBox
            {
                Margin = new Thickness(8),
                VerticalAlignment = VerticalAlignment.Top,
                HorizontalContentAlignment = HorizontalAlignment.Center,
                VerticalContentAlignment = VerticalAlignment.Center,
                Style = (Style)Resources["StyleCheckBox"],
                Content = text
            };
        }
 
        public WindowArchive()
        {
            InitializeComponent();
 
            System.IO.Directory.GetFiles(SGeneral.settings.pathSaves, "*.map").ToList().ForEach(x => 
            {
                
                listSaves.Items.Add(templateCheckBox(System.IO.Path.GetFileName(x)));
            });
        }

И тогда точно будет отдельным элементом.

Добавлено через 16 минут
Переделал так:

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
public bool? ShowDialogControlSave(MainWindow mainWindow, string caption, int clientWidthMain, int clientHeghtMain, int selectIndexSave = 0, int selectIndexOperation = 0)
        {
            this.Owner = mainWindow;
 
            this.Title = caption;
 
            this.Width = clientWidthMain - 10;
            this.Height = clientHeghtMain - 10;
 
            this.WindowStartupLocation = WindowStartupLocation.CenterOwner;
 
            System.IO.Directory.GetFiles(SGeneral.settings.pathSaves, "*.map").ToList().ForEach(x =>
            {
                listSaves.Items.Add(templateCheckBox(System.IO.Path.GetFileName(x)));
            });
 
            if (selectIndexSave < listSaves.Items.Count)
                listSaves.SelectedIndex = selectIndexSave;
 
            switch (selectIndexOperation)
            {
                case 0:
                    rbtnOpenInSaveEditor.IsChecked = true;
                    break;
                case 1:
                    rbtnOpenInHexEditor.IsChecked = true;
                    break;
                case 2:
                    rbtnUncompressingSaves.IsChecked = true;
                    break;
                case 3:
                    rbtnCreateArchive.IsChecked = true;
                    break;
            }
 
            return this.ShowDialog();
        }

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

Добавлено через 16 минут
Сделал для этого отдельную тему а вопрос в этой теме решен
Модальное Окно для выбора операции с файлами без зависаний при выполнении цикла
Ну разве что если кто захочет помочь переместить стиль как отдельный компонент что сам попробывал да чет не разобрался.
К томуже компонент может быть полезен всем. Но конечно мне достаточно и стиля.

@Элд Хасп · 30.03.2021, 15:43

Сообщение от Alexandr_7

Я хотел уточнить:

Вы делаете очень сложно там где можно сделать просто.
Основной язык WPF - это XAML.
К дополнительным языкам (в том числе к Шарпу) следует прибегать только там где не хватает возможностей XAML.
Создаются UI элементы и обращаются к ним на XAML.
Code Behind Окна в идеале должен оставаться пустым.

@Alexandr_7 · 31.03.2021, 22:17 **[ТС]**

Сообщение от Элд Хасп

Вы делаете очень сложно там где можно сделать просто.
Основной язык WPF - это XAML.
К дополнительным языкам (в том числе к Шарпу) следует прибегать только там где не хватает возможностей XAML.
Создаются UI элементы и обращаются к ним на XAML.
Code Behind Окна в идеале должен оставаться пустым.

Вообщето стараюсь так и делать. Просто XAML не поможет создать динамический элемент. XAML на сколько я понял это статика. Нет. Можно использовать переменные через XAML скорее всего. Но факт в том что не известно сколько в списке должно быть CheckBox'ов и их текст тоже неизвестен. К томуже переменные к которым будет обращаться XAML уже должно быть присвоено значение а первоначального значения нет. Поэтому список создаю через NET Framework

@Элд Хасп · 31.03.2021, 22:57

Сообщение от Alexandr_7

Вообщето стараюсь так и делать. Просто XAML не поможет создать динамический элемент.

Как это?
У всех может, а у вас нет - почему?

Добавлено через 3 минуты

Сообщение от Alexandr_7

Но факт в том что не известно сколько в списке должно быть CheckBox'ов и их текст тоже неизвестен.

Ну. наверное, столько же сколько элементов в списке.
Ну, или если не для всех элементов надо создавать, то какое-то свойство элемента будет определять какой UI элемент нужно создать.

Прочитайте чуток за шаблоны данных, ItemControl, как используется его свойство ItemTemplate.
Здесь в разделе очень много тем с различными шаблонами для ItemsControl и ListBox.

Добавлено через 58 секунд

Сообщение от Alexandr_7

К томуже переменные к которым будет обращаться XAML уже должно быть присвоено значение а первоначального значения нет.

И чё?
Задайте привязку.
Нет значения - вернёт null.

Добавлено через 1 минуту

Сообщение от Alexandr_7

Поэтому список создаю через NET Framework

В Шарпе и WPF всё NET.
Вне NET Шарпа и WPF не существует.

@Alexandr_7 · 02.04.2021, 01:33 **[ТС]**

Сообщение от Элд Хасп

Ну. наверное, столько же сколько элементов в списке.
Ну, или если не для всех элементов надо создавать, то какое-то свойство элемента будет определять какой UI элемент нужно создать.

Так список получается в коде.
В списке полные имена файлов сохранений. И этот список создается в коде. Изначально он Null.
Но в самом списке CheckBox'ов должны быть имена файлов без их пути. И как я вам простите это через XAML задам?

@Почтальон · 02.04.2021, 07:20

Сообщение от Alexandr_7

И как я вам простите это через XAML задам?

Это делается на стороне ViewModel, вы же "данные представляете", т.е. их сначала нужно подготовить для View

@Элд Хасп · 02.04.2021, 11:03

Сообщение от Alexandr_7

Так список получается в коде.

И чё?
Передаете список в ItemsControl или в один из его наследников и весь список он отобразит.
Настраивается отображение элемента через свойство ItemTemplate.

@Alexandr_7 · 03.04.2021, 13:41 **[ТС]**

Сообщение от Почтальон

Это делается на стороне ViewModel, вы же "данные представляете", т.е. их сначала нужно подготовить для View

Нет. Кокрастаки дерево мне нафиг не нужно учитывая что файлы лежт в конкретной папке. По крайней мере глупо их куда перемещать раз игра читает их именно от туда.

Сообщение от Элд Хасп

И чё?
Передаете список в ItemsControl или в один из его наследников и весь список он отобразит.
Настраивается отображение элемента через свойство ItemTemplate.

Ну вообще я это и с winforms не особо помню а в WPF список устроен так что любые элементы в него можно класть.

@Элд Хасп · 03.04.2021, 17:20

Сообщение от Alexandr_7

а в WPF список устроен так что любые элементы в него можно класть.

Но надо задавать или свойства для вывода текста, или шаблон данных для элемента.
Если этого не будет, то будет выводится результат метода ToString().

Новые блоги и статьи Все статьи Все блоги /
Запустил конкурс "тем и промптов для текстовых квестов созданных почти чисто ИИ" Adler 06.10.2026 Всем привет! За последние три-четыре дня я создал более 16 текстовых квестовых игр используя преимущественно по одному запросу к ИИ на игру. Мне так понравилось смотреть все ветки/ сцены во всех. . .	ИИ не может найти нужный язык в списке Supersumestria 05.10.2026 Я ему даю вот такое изображение и прошу найти и подчеркнуть немецкий язык. Возвращает он вот это: https:/ / i. **********/ vqBWLe2. png Нужную строчку в 3й колонке просто выдумал. . Это. . .	Новая последняя моя музыка в SUNO zorxor 05.10.2026 Здравствуйте, дорогие мои друзья! С большой радостью я хотел бы представить вам свою новую последнею музыку, которую сгенерировала мне по моей просьбе нейросеть SUNO. С уважением, zorxor. Это. . .	Программный домашний кинотеатр russiannick 27.09.2026 Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js. В помощники взял Яндекс-Алису. Было создано три зала на разные интересы. исторические и ретро сериал Хичкок. . .
Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .	Запрет дублирования строк в табличной части Maks 13.09.2026 Реализация из решения ниже выполнена на нетиповом справочнике "Нормы ТО" с табличной часть "Виды ТО", разработанного в КА2, со следующими реквизитами: - ВидТО (СправочникСсылка. ВидыТО); - ВидГСМ. . .	Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Jin X 06.09.2026 Скрипты Tampermonkey для CyberForum, ChatGPT, Claude и пр. Работая с форумом и нейросетями в браузере часто хочется что-то подкорректировать или добавить какого-то функционала. Ниже прикреплён. . .

Свой стиль CheckBox для listbox и стиль кнопок

Решение

Решение

@Alexandr_7 87 / 22 / 6 Регистрация: 29.12.2015 Сообщений: 1,904

	WPF Свой стиль CheckBox для listbox и стиль кнопок 26.03.2021, 16:39. Показов 8938. Ответов 36 Метки нет (Все метки) Здравствуйте. Несколько вопросов. 1 Как создать стиль своего CheckBox для listbox точнее нужно указать свои картинки на галочки. 2. Нужно сделать 2 стиля кнопок. Первый стиль копирующий кнопку Установить из Steam и 2 стиль копирующий стиль кнопки VK ну или подобрать похожий под VK. Со 2 случаем тут проблема не в том что не знаю как сделать. А в том что не знаю какой градиент. под какое свойство. С VK тоже проблема. Без понятия как от туда выдрать стиль кнопок. Добавлено через 6 минут Если кто знает как выдрать стиль из Steam то подскажите также градиент полоски ачивок. Имеется в виду современный стиль нынешного Steam. 0

@Alexandr_7 87 / 22 / 6 Регистрация: 29.12.2015 Сообщений: 1,904
	28.03.2021, 20:59 [ТС]
	Вот все 3 стиля у кнопки стима. И как получить его. Пипеткой можно было бы еслиб это был не градиент. 0

@Alexandr_7 87 / 22 / 6 Регистрация: 29.12.2015 Сообщений: 1,904
	29.03.2021, 10:35 [ТС]
	Сообщение было отмечено Элд Хасп как решение Решение Сделал. Главное окно Выглядит так: 1