Рисую линию без MVVM все ОК. C MVVM произвольный старт

@Berendom · Регистрация: 22.06.2020

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

Добрый день всем.

Рисую линию при помощи анимации. Все получилось -рисуется, стирается.
Но у нас все задания с MVVM, чтобы ViewModel была
Хорошо добавил MVVM light, ViewModel создал, свойства, команду.

Блин, при запуске окна начала автоматически рисоваться линия.

Вообще должна с кнопки, как было ранее и планируется.

Как такое может быть, если никто и ничто не воздействует на свойство и должно быть false?
Или она сама по себе запускается. Так вся разница между двумя проектами - МVVM.

Xaml.

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
  <Window.Resources>
        <Storyboard x:Key="Storyboard.Draw2" x:Name="BeginStoryboardDraw2">
            <DoubleAnimation
                Storyboard.TargetProperty="X2"
                From="0"
                To="282"
                Duration="0:0:5" />
            <DoubleAnimation
                Storyboard.TargetProperty="Y2"
                From="0"
                To="11"
                Duration="0:0:5" />
        </Storyboard>
 
        <Storyboard x:Key="Storyboard.Erase2" x:Name="BeginStoryboardErase2">
            <DoubleAnimation
                Storyboard.TargetProperty="X1"
                From="0"
                To="282"
                Duration="0:0:5" />
            <DoubleAnimation
                Storyboard.TargetProperty="Y1"
                From="0"
                To="11"
                Duration="0:0:5" />
        </Storyboard>
    </Window.Resources>
 
    <Grid>
        <Canvas>
 
            <Line
                Name="MyLine3"
                Canvas.Left="100"
                Canvas.Top="100"
                Stroke="LimeGreen"
                StrokeThickness="6">
               
                <Line.Style>
                    <Style>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding Animation_enable}" Value="true">
                                <DataTrigger.EnterActions>
                                    <BeginStoryboard x:Name="BeginStoryboardDraw2" Storyboard="{StaticResource Storyboard.Draw2}" />
                                </DataTrigger.EnterActions>
                                <DataTrigger.ExitActions>
                                   
                                </DataTrigger.ExitActions>
                            </DataTrigger>
 
                            <DataTrigger Binding="{Binding Animation_enable}" Value="false">
                                <DataTrigger.EnterActions>
                                    <BeginStoryboard x:Name="BeginStoryboardErase2" Storyboard="{StaticResource Storyboard.Erase2}" />
                                </DataTrigger.EnterActions>
                                <DataTrigger.ExitActions>
                                    <StopStoryboard BeginStoryboardName="BeginStoryboardErase2" />
                                </DataTrigger.ExitActions>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Line.Style>
            </Line>
 
        </Canvas>
 
        <Button
            Width="60"
            Height="20"
            Command="{Binding Launch_animation_command}"
            Content="Рисовать" />
 
</Grid>

VieModel

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
 // Animation enable
 
        public bool Animation_enable
        {
            get { return _animation_enable; }
            set { Set(ref _animation_enable, value); }
        }
        private bool _animation_enable;
 
 
 
        // Command
        public ICommand Launch_animation_command { get; private set; }
 
 
        public MainWindowViewModel()
        {
 
            Launch_animation_command = new RelayCommand(LaunchAnimation);
 
 
        }
 
 
 
        // Method
        private void LaunchAnimation()
        {
 
 
            if (!Animation_enable)
            {
 
                Animation_enable = true;
 
            }
 
            else if (Animation_enable)
 
            {
 
 
               Animation_enable = false;
 
            }
 
 
 
        }

@Элд Хасп · 01.11.2021, 20:39

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

Можно вопросы задавать?

Конечно.
Форум для этого и создан.

@Berendom · 01.11.2021, 20:52 **[ТС]**

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

В данном случает реализована совместная Model+VM.

1) т.е. в принципе все эти свойства

C#
1
2
3
4
5
6
7
8
        private double _begin;
        private double _length;
        private DateTime _startTime;
 
        public double Begin { get => _begin; set => Set(ref _begin, value); }
        public double Length { get => _length; set => Set(ref _length, value); }
 
        public DateTime StartTime { get => _startTime; set => Set(ref _startTime, value); }

можно было закинуть в класс VM, а не отдельный класс Portion находящийся физически в той же VM.

@Элд Хасп · 01.11.2021, 21:14

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

можно было закинуть в класс VM, а не отдельный класс Portion находящийся физически в той же VM.

НЕТ!
Нам же в VM нужна коллекция порций (public ObservableCollection<Portion> Portions { get; }), а не один экземпляр.

Добавлено через 2 минуты
И он не находится "в той же VM".
Он находится на том же уровне.
А при полной реализации, он будет даже не проекте VM, а в библиотеке VM - там же где будет и интерфейс VM, кторый в данном случае не создаётся из-за упрощения реализации.

@Berendom · 01.11.2021, 21:18 **[ТС]**

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

НЕТ!
Нам же в VM нужна коллекция порций (public ObservableCollection<Portion> Portions { get; }), а не один экземпляр.

а ObservableCollection нужен класс модели.

А я могу сделать так: отдельную папку Model, закинуть туда Portion?

2)

C#
1
2
3
4
5
6
7
8
9
 
        private double _begin;
        private double _length;
        private DateTime _startTime;
 
        public double Begin { get => _begin; set => Set(ref _begin, value); }
        public double Length { get => _length; set => Set(ref _length, value); }
 
        public DateTime StartTime { get => _startTime; set => Set(ref _startTime, value); }

есть какое-то преимущество вот такого написания свойств. private все в одной куче, остальное ниже.

@Элд Хасп · 01.11.2021, 21:28

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

а ObservableCollection нужен класс модели.

Тут ещё путаница в терминологии.
При работе с БД (ADO, EF и др.) моделями принято называть сущности отражающие данные БД.

А в ООП паттернах ПРИЛОЖЕНИЙ (MVC, MVP, MVVM и др.) Модель - это слой содержащий Бизнес Логику, в том числе и Репозиторий работающий с БД.

Поэтому, раз мы говорим о реализации MVVM, то ObservableCollection нужно типизировать какой-то сущностью.
Это сущность должна отражать отдельную порцию.
Для этого и был создан класс Portion.

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

есть какое-то преимущество вот такого написания свойств. private все в одной куче, остальное ниже.

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

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

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

А я могу сделать так: отдельную папку Model, закинуть туда Portion?

Нет.
Если выделять Модель в отдельный слой, то для "общения" с ним нужно создавать DTO типы.
Portion - имеет реализацию INPC, поэтому он не является DTO типом. Это сущность уровня VM.

@Berendom · 01.11.2021, 21:38 **[ТС]**

3) не знал, что так буквально можно свойствам значения задавать.

XML
1
2
3
 <Window.DataContext>
        <vm:MainWindowViewModel ConveyorLength="800" Speed="50" />
    </Window.DataContext>

@Элд Хасп · 01.11.2021, 21:44

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

3) не знал, что так буквально можно свойствам значения задавать.

Ну, как бы это основа XAML.
Новый тег - это вызов безпараметрического конструктора типа.
Атрибут - задание значения его свойству.

Добавлено через 3 минуты
Вот если потребуется обеспечить "резиновость", то есть чтобы размеры элементов динамически менялись при изменении размеров Окна, то придётся немного помудрить:
- или использовать ViewBox для автомасштабирования;
- или использовать Proxy или Behavior для передачи значений только для чтения из Окна в VM.

@Berendom · 01.11.2021, 21:49 **[ТС]**

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

Ну, как бы это основа XAML.

обычно в самом свойстве в VM пишем:

C#
1
2
3
4
5
 
   private double _speed = 50;
 
 
   public double Speed { get => _speed; set => Set(ref _speed, value); }

если в вашем стиле.

4)

C#
1
 timer = new Timer(OnTimer, null, 10, 10);

10ms тик, 10 ms пауза. Верно?
Какую роль таймер играет?

@Элд Хасп · 01.11.2021, 23:16

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

обычно в самом свойстве в VM пишем:

Так не очень хорошо делать.
Лучше присваивать начальные значения свойствам (отличные от дефолтным) в конструкторе класса, тогда гарантируется, что логика свойства правильно отработает.

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

10ms тик, 10 ms пауза. Верно?

Верно.
Паузу можно и ноль поставить.
Я просто привык ставить одинаковые, поэтому сделал так "на автомате".

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

Какую роль таймер играет?

Именно его событие двигает материалы по ленте.
Если это текущий материал, то увеличивается его длина.
Иначе - увеличивается начальное смещение.
Посмотрите логику метода private void OnTimer(object state).

@Berendom · 02.11.2021, 08:54 **[ТС]**

5)

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
         <ToggleButton
                Margin="10"
                Padding="15,5"
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                DockPanel.Dock="Left"
                IsChecked="{Binding IsMaterialsReceiving}">
                <ToggleButton.Style>
                    <Style TargetType="ToggleButton">
                        <Setter Property="Content" Value="Материал Cтарт" />
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding IsMaterialsReceiving}" Value="True">
                                <Setter Property="Content" Value="Материал Стоп" />
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </ToggleButton.Style>
            </ToggleButton>

Тут для меня просто Америка открыта. До этого момента считал, что IsСhecked это обратная связь для управления самой toogglebutton, а не для изменения свойства в VM.

Я правильно понимаю здесь togglebutton воздействует на свойство IsMaterialReceiving?

@Элд Хасп · 02.11.2021, 13:50

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

Я правильно понимаю здесь togglebutton воздействует на свойство IsMaterialReceiving?

Да.

@Berendom · 02.11.2021, 20:13 **[ТС]**

Элд Хасп, добрый вечер,

потестировал... и вспомнил!

Нужно еще свойство, скажем, MaterialIsUnloading меняющееся с false на true когда материал или его кусок достигает крайней правой точки конвейера и соответственно меняется на false, когда заканчивается.

@Элд Хасп · 02.11.2021, 20:49

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

Нужно еще свойство, скажем, MaterialIsUnloading меняющееся с false на true когда материал или его кусок достигает крайней правой точки конвейера и соответственно меняется на false, когда заканчивается.

Попробуйте сами его добавить.
В методе OnTimer - после цикла проверяете первую порцию.
Если она в диапазоне конца конвейера - значит true,

@Berendom · 02.11.2021, 21:12 **[ТС]**

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

Попробуйте сами его добавить.

я не смогу, там логика - жесть.

@Элд Хасп · 02.11.2021, 21:28

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

я не смогу, там логика - жесть.

ууу.... как всё запущено.
Какая жесть?
Там всего пара строк:

C#
81
82
83
84
85
86
87
88
89
                    }
                    remove.ForEach(portion => Portions.Remove(portion));
 
                    IsMaterialAtEnd = Portions.Any(portion => portion.Begin + portion.Length >= ConveyorLength);
                }
            }
        }
 
        public bool IsMaterialAtEnd { get => _isMaterialAtEnd; set => Set(ref _isMaterialAtEnd, value); }

XML
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
            <Canvas Width="905"
                    Height="106">
                <Ellipse Width="20" Height="20"
                         Canvas.Right="0"
                         Canvas.Top="-30">
                    <Ellipse.Style>
                        <Style TargetType="Ellipse">
                            <Setter Property="Fill" Value="Red"/>
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding IsMaterialAtEnd}"
                                             Value="True">
                                    <Setter Property="Fill" Value="Green"/>
                                </DataTrigger>
                            </Style.Triggers>
                        </Style>
                    </Ellipse.Style>
                </Ellipse>

Исходники в Фиксации f62f676e:

Индикатор отсутсвия материала на конце конвейера.

@Berendom · 02.11.2021, 21:44 **[ТС]**

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

ууу.... как всё запущено.

да запущено...

Я ума не приложу как это все рисует линию, а вы мне

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

В методе OnTimer - после цикла проверяете первую порцию.
Если она в диапазоне конца конвейера - значит true,

@Nguen · 02.11.2021, 22:48

Элд Хасп,

Здрасте!

Berendom привет!

что-то с синтаксисом парюсь.

XML
1
2
3
4
5
6
7
8
9
10
11
12
         <DataTemplate x:Key="Portion.Template" DataType="{x:Type vm:Portion}">
            <Line
                Stroke="Orange"
                StrokeThickness="10"
                X2="{Binding Length}" />
        </DataTemplate>
        <Style x:Key="Portion.Style" TargetType="ContentPresenter">
            <Setter Property="Canvas.Left" Value="{Binding Begin}" />
        </Style>
        <ItemsPanelTemplate x:Key="Portions.Canvas">
            <Canvas />
        </ItemsPanelTemplate>

где,

XML
1
DataType="{x:Type vm:Portion}"

а если у меня нет vm:

и datacontext вот так?

XML
1
2
3
        <Window.DataContext>
        <Binding Path="_MainWindowViewModel" Source="{StaticResource locator}" />
        </Window.DataContext>

@Элд Хасп · 02.11.2021, 23:15

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

Я ума не приложу как это все рисует линию, а вы мне

Я же объяснял.
Вам по заданию надо нарисовать представление порций материалов на конвейере.
Представлением такой коллекции будет пунктирная линия.
Для пунктирной линии надо задать начало каждого штриха и его длину.
Чтобы сделать это ещё и динамичным, надо добавить штамп времени.
В результате получаем простой тип с тремя свойствами.
Их длиной и положением управляем в событии таймера.
Одной кнопкой создаём новый штрих.
Второй - включаем отключаем выполнение метода таймера.

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

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

а если у меня нет vm:
и datacontext вот так?

Как это нет?
А что находится в свойстве locator._MainWindowViewModel?

Добавлено через 2 минуты
locator._MainWindowViewModel?

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

DataType="{x:Type vm:Portion}"

vm - это префикс пространства имён.
Задайте тот в котором у вас находится класс Portion.

@Nguen · 02.11.2021, 23:25

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

vm - это префикс пространства имён.
Задайте тот в котором у вас находится класс Portion.

это понятно,
но у меня нет vm: префикса, так как datacontext сделан так.

XML
1
2
3
4
 
        <Window.DataContext>
        <Binding Path="_MainWindowViewModel" Source="{StaticResource locator}" />
        </Window.DataContext>

мне что префикс vm: специально для класса Portion создавать? Отдельно?

@Элд Хасп · 02.11.2021, 23:31

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

мне что префикс vm: специально для класса Portion создавать? Отдельно?

Как я могу сказать не знаю в каком пространстве вы его объявили?
Если в том же, что и Окно, то значит вместо vm используйте local.

Добавлено через 1 минуту
Задайте в ресурсах окна <Portion/> без префикса.
Студия сама подскажет какой нужно использовать префикс.

Добавлено через 44 секунды
Потому из ресурсов удалите эту строку, а префикс используйте в DataTemplate.

Новые блоги и статьи Все статьи Все блоги /
GitHub Copilot в JetBrains: модель по умолчанию, Fix и контроль MCP and_y87 12.10.2026 10 октября 2026 года GitHub обновил Copilot для JetBrains: добавил настройки стартовой модели, исправления из диагностики и управление автозапуском MCP. Поддержка IDE 2025. 1 прекращена — требуется. . .	День 5 из 28: Codex подсказывает следующий запрос and_y87 12.10.2026 9 октября 2026 года OpenAI запустила бету Composer predictions — подсказок следующего сообщения в текущем диалоге Codex. Это помощь с формулировкой запроса, а не автоматическое продолжение задачи. . . .	Запустил конкурс "тем и промптов для текстовых квестов созданных почти чисто ИИ" 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. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .

@Berendom -12 / 24 / 4 Регистрация: 22.06.2020 Сообщений: 376
	02.11.2021, 20:13 [ТС]
	Элд Хасп, добрый вечер, потестировал... и вспомнил! Нужно еще свойство, скажем, MaterialIsUnloading меняющееся с false на true когда материал или его кусок достигает крайней правой точки конвейера и соответственно меняется на false, когда заканчивается. 0

Рисую линию без MVVM все ОК. C MVVM произвольный старт

Решение