Set DataTemplate control Style code behind

Question

So ia have this ListView with Custom Column Progress-Bar:

            <ListView Name="lvFiles">        
                <ListView.Resources>
                    <DataTemplate x:Key="MyDataTemplate">
                        <Grid Margin="0,0,0,0">
                            <ProgressBar 
                                Name="progressBarColumn"
                                Maximum="100"
                                Value="{Binding Progress, UpdateSourceTrigger=PropertyChanged}" 
                                Width="{Binding Path=Width, ElementName=ProgressCell}" 
                                Margin="0,0,0,0"
                                Style="{StaticResource CustomProgressBar}" />
                            <TextBlock
                                Text="{Binding Path=Value, ElementName=progressBarColumn, StringFormat={}{0:N1}%}"
                                VerticalAlignment="Center"
                                HorizontalAlignment="Center"
                                FontSize="11.5"
                                Foreground="White"
                                Margin="0,-2,0,0"/>
                        </Grid>
                    </DataTemplate>                        
                    <ControlTemplate x:Key="ProgressBarTemplate">
                        <Label  HorizontalAlignment="Center" VerticalAlignment="Center" />
                    </ControlTemplate>
                    <Style TargetType="{x:Type TextBlock}">
                        <Setter Property="ToolTip" Value="{Binding RelativeSource={RelativeSource Self}, Path=Text }"></Setter>
                    </Style>
                </ListView.Resources>                    
            </ListView>

Style

<Style x:Key="CustomProgressBar" TargetType="ProgressBar" >
    <Setter Property="Template" >
        <Setter.Value>
            <ControlTemplate TargetType="ProgressBar">
                <Border BorderBrush="#FF103766" BorderThickness="0" Background="#FF103766" CornerRadius="0" Padding="0">
                    <Grid x:Name="PART_Track">
                        <Rectangle x:Name="PART_Indicator" HorizontalAlignment="Left">
                            <Rectangle.Style>
                                <Style TargetType="Rectangle">
                                    <Setter Property="Fill" Value="Gray"/>
                                    <Style.Triggers>
                                        <DataTrigger Value="100" Binding="{Binding Path=Value, RelativeSource={RelativeSource AncestorType=ProgressBar}}">
                                            <Setter Property="Fill" Value="LightSeaGreen"/>
                                        </DataTrigger>
                                    </Style.Triggers>
                                </Style>
                            </Rectangle.Style>
                        </Rectangle>
                    </Grid>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

So in case i want to create several Styles and change this Style from code behain, is it possible ?

score 0 · Answer 1 · answered Jul 06 '17 at 17:00

0

One line of code can do that:

  progressBarColumn.Style = (Style)Application.Current.TryFindResource("CustomProgressBar");

When you have multiple custom Progress Bar styles, you just replace "CustomProgressBar" in the code above with whatever the name of your desired progress bar style actually is.

Make sure that your Styles are in a dictionary (or location) that is visible at the application level.

answered Jul 06 '17 at 17:00

Stewbob

16,759
9
63
107

i cannot reach progressBarColumn from code, my style is inside Styles folder under application root and i have add this the App.xaml: – user979033 Jul 06 '17 at 17:19
Where i need to put this ? – user979033 Jul 06 '17 at 19:21
Replace with what ? – user979033 Jul 06 '17 at 19:25
Unfortunately no – user979033 Jul 06 '17 at 19:27
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/148544/discussion-between-stewbob-and-user979033). – Stewbob Jul 06 '17 at 19:27

score 0 · Answer 2 · answered Jul 07 '17 at 10:27

0

If you use the DynamicResource markup extension:

Style="{DynamicResource CustomProgressBar}" />

...you could easily switch the resource at runtime:

lvFiles.Resources["CustomProgressBar"] = Application.Current.Resources["yourOtherStyle"] as Style;

What's the difference between StaticResource and DynamicResource in WPF?

answered Jul 07 '17 at 10:27

mm8

163,881
10
57
88

Did you try this or what happened? Please accept answers to your questions. – mm8 Jul 10 '17 at 12:09

Set DataTemplate control Style code behind

2 Answers2