Тригер смены стиля

@limeniye · Регистрация: 19.04.2018

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

В ListBox выводится информация посредством вытягивания из ObservableCollection

C#

1
2
3

        private ObservableCollection<Lot> _lotSelection = new ObservableCollection<Lot>();
        public ObservableCollection<Lot> LotSelection
        { get => _lotSelection; set => SetProperty(ref _lotSelection, value); }

XML

                        <ListBox Background="{x:Null}" Width="Auto" ItemsSource="{Binding LotSelection}">
                            <ListBox.ItemTemplate>
                                <DataTemplate>
                                    <Grid Width="250" Margin="10,10,10,0">
 
                                        <Rectangle Height="40" Fill="LightPink" RadiusX="15" RadiusY="15"
                                                   StrokeThickness="3" StrokeDashArray="3 2"
                                                   Stroke="Gray" StrokeDashCap="Round" />
 
                                        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding ShowLot}"/>
 
                                        <StackPanel Orientation="Horizontal" Margin="0,0,3,0" HorizontalAlignment="Right" >
                                            <Button x:Name="Status"  Style="{StaticResource Start}"/>
                                        </StackPanel>
                                    </Grid>
                                </DataTemplate>
                            </ListBox.ItemTemplate>
                        </ListBox>

Есть два стиля кнопки: Start и Stop

XML

<Style x:Key="Stop" TargetType="{x:Type Button}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid>
                        <Grid>
                            <Border x:Name="border" 
                                    Width="{Binding Value, ElementName=slider}" 
                                    Height="{Binding ActualWidth, Mode=OneWay, RelativeSource={RelativeSource Self}}">
 
                                <Viewbox Width="48" Height="48">
                                    <Canvas Width="24" Height="24">
                                        <Path Fill="Black" Data="M18,18H6V6H18V18Z" />
                                    </Canvas>
                                </Viewbox>
                            </Border>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
 
    <Style x:Key="Start" TargetType="{x:Type Button}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid>
                        <Grid>
                            <Border Width="48" 
                                    Height="{Binding ActualWidth, Mode=OneWay, RelativeSource={RelativeSource Self}}">
 
                                <Viewbox Width="48" Height="48">
                                    <Canvas Width="24" Height="24">
                                        <Path Fill="Black" Data="M8,5.14V19.14L19,12.14L8,5.14Z" />
                                    </Canvas>
                                </Viewbox>
                            </Border>
                        </Grid>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

Рядом с каждым выведенным TextBlock'ом есть кнопка "Status". Как можно заметить, она принимает стиль Start по умолчанию, но хотелось бы чтобы она зависила от свойства Status из коллекции LotSelection.
Status, в свою очередь, может принимать 2 значения: "paused" или "started".
Обобщу: если Status(свойство) равно "paused", то кнопка Status должна принять стиль "Start", если "started" -- "Stop"

@Элд Хасп · 19.05.2020, 10:44

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

В ListBox выводится информация посредством вытягивания из ObservableCollection
C#

Если используете ObservableCollection, то это должно быть свойство только для чтения:

C#

1	public ObservableCollection<Lot> LotSelection {get;} = new ObservableCollection<Lot>();

Шаблон данных для элемента списка написан не совсем понятно.
Допустим, зачем в нём StackPanel, если в ней всего один элемент?

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

Обобщу: если Status(свойство) равно "paused", то кнопка Status должна принять стиль "Start", если "started" -- "Stop"

Пишу здесь - может быть ошибка, но смысл поймёте

XML

<Button x:Name="Status"  Style="{StaticResource Start}">
   <Button.Style>
       <Style TargetType="Button">
           <Setter Property="Template" Value="{StaticResource Template.Button.Start}"/>
           <Style.Triggers>             
               <DataTriggers Binding="{Binding Status}" Value="started">
                    <Setter Property="Template" Value="{StaticResource Template.Button.Stop"/>
               </DataTriggers>
         </Style.Triggers>             
       </Style>
   </Button.Style>
</Button>

XML

                <ControlTemplate TargetType="{x:Type Button}" x:Key="Template.Button.Start">
                    <Grid>
                        <Grid>
                            <Border x:Name="border" 
                                    Width="{Binding Value, ElementName=slider}" 
                                    Height="{Binding ActualWidth, Mode=OneWay, RelativeSource={RelativeSource Self}}">
 
                                <Viewbox Width="48" Height="48">
                                    <Canvas Width="24" Height="24">
                                        <Path Fill="Black" Data="M18,18H6V6H18V18Z" />
                                    </Canvas>
                                </Viewbox>
                            </Border>
                        </Grid>
                    </Grid>
                </ControlTemplate>
   
                <ControlTemplate TargetType="{x:Type Button}" x:Key="Template.Button.Stop">
                    <Grid>
                        <Grid>
                            <Border Width="48" 
                                    Height="{Binding ActualWidth, Mode=OneWay, RelativeSource={RelativeSource Self}}">
 
                                <Viewbox Width="48" Height="48">
                                    <Canvas Width="24" Height="24">
                                        <Path Fill="Black" Data="M8,5.14V19.14L19,12.14L8,5.14Z" />
                                    </Canvas>
                                </Viewbox>
                            </Border>
                        </Grid>
                    </Grid>
                </ControlTemplate>

@ViterAlex · 19.05.2020, 11:38

Думаю, будет правильно переключать не стиль, а в самом стиле переключать ControlTemplate. Это уменьшит количество дублирующегося кода.

@Элд Хасп · 19.05.2020, 11:48

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

Думаю, будет правильно переключать не стиль, а в самом стиле переключать ControlTemplate. Это уменьшит количество дублирующегося кода.

Согласен.
Но надо было включать Студию...
Сделал вариант с минимальными изменениями.

@limeniye · 20.05.2020, 01:28 **[ТС]**

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

Допустим, зачем в нём StackPanel, если в ней всего один элемент?

Там больше элементов, я упростил. В данном случае StackPanel можно и вовсе удалить оставив содержимое.

Добавлено через 10 минут
Спасибо

@ViterAlex 8940 / 4852 / 1886 Регистрация: 11.02.2013 Сообщений: 10,246
	19.05.2020, 11:38	3
	Думаю, будет правильно переключать не стиль, а в самом стиле переключать `ControlTemplate`. Это уменьшит количество дублирующегося кода. 0

@Элд Хасп Модератор 15465 / 10711 / 2786 Регистрация: 21.04.2018 Сообщений: 31,531 Записей в блоге: 2
	19.05.2020, 11:48	4
	Сообщение от ViterAlex Думаю, будет правильно переключать не стиль, а в самом стиле переключать ControlTemplate. Это уменьшит количество дублирующегося кода. Согласен. Но надо было включать Студию... Сделал вариант с минимальными изменениями. 0

@limeniye 1181 / 623 / 160 Регистрация: 19.04.2018 Сообщений: 2,923
	20.05.2020, 01:28 [ТС]	5
	Сообщение от Элд Хасп Допустим, зачем в нём StackPanel, если в ней всего один элемент? Там больше элементов, я упростил. В данном случае StackPanel можно и вовсе удалить оставив содержимое. Добавлено через 10 минут Спасибо 0

Тригер смены стиля

Решение