• 23.11.2025, 17:19
  • Register
  • Login

  • You are not logged in.

 

XAML - Blinkender Text

Dear visitor, welcome to Aqua Computer Forum. If this is your first visit here, please read the Help. It explains how this page works. You must be registered before you can use all the page's features. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

zunder

Newbie

XAML - Blinkender Text

Wednesday, January 1st 2025, 9:29pm

Hallo zusammen,
ein gutes neues Jahr wünsch ich allen
in der Überschrift "Wasserkreis" ist die Alarmfunktion in dem Text integriert, habe praktisch die Grafik aus dem Standard Alarm Status Element entfernt. Siehe Bild und Code
So weit alles gut.
Jetzt wollte ich doch zusätzlich bei Alarm ein Dauerblinken des Textes von Weiß nach Rot und bekomme es leider einfach nicht hin.
Kann da jemand helfen.
Vielen Dank
Grüße
Der zunder

Source code

 
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

<UserControl
   x:Name="this"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
   xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
   xmlns:sys="clr-namespace:System;assembly=mscorlib"
   mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="300">
   
	<UserControl.Resources>
    	<DataTemplate x:Key="TplNormal">
      	<TextBlock
        	Foreground="White"
        	Text="Wasserkreis" />
    	</DataTemplate>
    	<DataTemplate x:Key="TplWarning">
      	<TextBlock
        	Foreground="Orange"
        	Text="Wasserkreis" />
    	</DataTemplate>
    	<DataTemplate x:Key="TplAlarm">
      	<TextBlock
        	Foreground="Red"
        	Text="Wasserkreis" />
    	</DataTemplate>
    	<LinearGradientBrush
      	x:Key="BackgroundBrush" StartPoint="0,0" EndPoint="0,1">
        	<GradientStop Color="Black" Offset="0.7" />
        	<GradientStop Color="DimGray" Offset="0.0" />
    	</LinearGradientBrush>
	</UserControl.Resources>

	<Grid>
    	<Rectangle
      	Opacity="0.6"
      	RadiusX="2"
      	RadiusY="2"
      	StrokeThickness="1"
      	Fill="{StaticResource BackgroundBrush}"
      	Stroke="#FF2B2B2B" />
    	<ContentControl
      	FontFamily="Segoe UI"
      	FontWeight="Bold"
      	Width="Auto"
      	Height="Auto"
      	Margin="0,0,0,0"
      	FontSize="12"
      	HorizontalAlignment="Center"
      	VerticalAlignment="Center">
      	<ContentControl.Style>
        	<Style TargetType="ContentControl">
          	<Style.Triggers>
            	<DataTrigger Value="True" Binding="{Binding ElementName=this, Path=DataContext.Value, ConverterParameter=0, Converter={StaticResource CompareEqualConverter}}">
              	<Setter Property="ContentTemplate" Value="{StaticResource TplNormal}" />
            	</DataTrigger>
            	<DataTrigger Value="True" Binding="{Binding ElementName=this, Path=DataContext.Value, ConverterParameter=1, Converter={StaticResource CompareEqualConverter}}">
              	<Setter Property="ContentTemplate" Value="{StaticResource TplWarning}" />
            	</DataTrigger>
            	<DataTrigger Value="True" Binding="{Binding ElementName=this, Path=DataContext.Value, ConverterParameter=2, Converter={StaticResource CompareEqualConverter}}">
              	<Setter Property="ContentTemplate" Value="{StaticResource TplAlarm}" />
            	</DataTrigger>
          	</Style.Triggers>
        	</Style>
      	</ContentControl.Style>
    	</ContentControl>
	</Grid>
</UserControl>
zunder has attached the following image:
  • Überschrift.png

zunder

Newbie

Thursday, January 2nd 2025, 10:40pm

Einen schönen Abend,

Ich habe es nun mit dem Opacity aus der Standard Anzeige probiert. Das funktioniert auch sehr gut
siehe Code ganz unten

nun versuchte ich das mit den beiden Lösungsansätzen aus dem learn.microsoft.com innerhalb des Storyboard mit ColorAnimation zu lösen.

Das ging mächtig schief.

Mit den darunter stehenden Codes habe ich es geschafft die Aquasuite jedesmal so zu killen, das NUR eine komplette De-/Neuinstallation half! Zum Glück hatte ich eine Sicherung
Also vorsicht
<Storyboard BeginTime="00:00:00"
RepeatBehavior="Forever"
Storyboard.TargetName="txtBlockScannerText"
Storyboard.TargetProperty="(Foreground).(SolidColorBrush.Color)">
<ColorAnimation From="White" To="Red" Duration="0:0:1"/>
</Storyboard>


<Storyboard>
<ColorAnimation
Storyboard.TargetName="MySolidColorBrush"
Storyboard.TargetProperty="Color"
From="White" To="Red" Duration="0:0:1" />
</Storyboard>
Grüße
Zunder

Fogende mit Opacity funktioniert sehr gut

Source code

 
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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99

<UserControl
   x:Name="this"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
   xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
   xmlns:sys="clr-namespace:System;assembly=mscorlib"
   mc:Ignorable="d"
   d:DesignHeight="300"
   d:DesignWidth="300">
   
	<UserControl.Resources>
    	<DataTemplate x:Key="TplNormal">
      	<TextBlock
        	Foreground="White"
        	Text="Wasserkreis" />
    	</DataTemplate>
    	<DataTemplate x:Key="TplWarning">
      	<TextBlock
        	Foreground="Orange"
        	Text="Wasserkreis" />
    	</DataTemplate>
    	<DataTemplate x:Key="TplAlarm">
      	<ContentControl>
        	<ContentControl.Style>
          	<Style TargetType="ContentControl">
            	<Style.Triggers>
              	<EventTrigger RoutedEvent="Loaded">
                	<BeginStoryboard>
                  	<Storyboard>
                    	<DoubleAnimation
                      	Storyboard.TargetProperty="Opacity"
                      	From="1.0" To="0.4" Duration="0:0:0.800"
                      	AutoReverse="True" RepeatBehavior="Forever" />
                  	</Storyboard>
                	</BeginStoryboard>
              	</EventTrigger>
            	</Style.Triggers>
          	</Style>
        	</ContentControl.Style>
        	<TextBlock
          	Foreground="Red"
          	Text="Wasserkreis" />
      	</ContentControl>
    	</DataTemplate>
    	<LinearGradientBrush
      	x:Key="BackgroundBrush" StartPoint="0,0" EndPoint="0,1">
        	<GradientStop Color="Black" Offset="0.7" />
        	<GradientStop Color="DimGray" Offset="0.0" />
    	</LinearGradientBrush>
	</UserControl.Resources>
   <Grid>
  	<Rectangle
     	Opacity="0.6"
     	RadiusX="2"
     	RadiusY="2"
     	StrokeThickness="1"
     	Fill="{StaticResource BackgroundBrush}"
     	Stroke="#FF2B2B2B" />
  	<ContentControl
     	FontFamily="Segoe UI"
     	FontWeight="Bold"
     	Width="Auto"
     	Height="Auto"
     	Margin="0,0,0,0"
     	FontSize="12"
     	HorizontalAlignment="Center"
     	VerticalAlignment="Center">
     	<ContentControl.Style>
        	<Style
           	TargetType="ContentControl">
           	<Style.Triggers>
              	<DataTrigger
                 	Value="True"
                 	Binding="{Binding ElementName=this, Path=DataContext.Value, ConverterParameter=0, Converter={StaticResource CompareEqualConverter}}">
                 	<Setter
                    	Property="ContentTemplate"
                    	Value="{StaticResource TplNormal}" />
              	</DataTrigger>
              	<DataTrigger
                 	Value="True"
                 	Binding="{Binding ElementName=this, Path=DataContext.Value, ConverterParameter=1, Converter={StaticResource CompareEqualConverter}}">
                 	<Setter
                    	Property="ContentTemplate"
                    	Value="{StaticResource TplWarning}" />
              	</DataTrigger>
              	<DataTrigger
                 	Value="True"
                 	Binding="{Binding ElementName=this, Path=DataContext.Value, ConverterParameter=2, Converter={StaticResource CompareEqualConverter}}">
                 	<Setter
                    	Property="ContentTemplate"
                    	Value="{StaticResource TplAlarm}" />
              	</DataTrigger>
           	</Style.Triggers>
        	</Style>
     	</ContentControl.Style>
  	</ContentControl>
   </Grid>
</UserControl>

sebastian

Administrator

Friday, January 3rd 2025, 8:01am

Teste mal die beiden demos aus dem anhang.
Im Prinzip kann man so bei jedem Objekt die Farbe animieren.

ColorFadeAnimation.zip
ColorSwitchAnimation.zip

zunder

Newbie

Friday, January 3rd 2025, 3:01pm

Viele Dank,
Die ColorAnimationUsingKeyFrames war genau der richtige Hinweis.
mein Beispiel mit der SwitchAnimation und als zip
im Übrigen hat das mit dem Fade auch super funktioniert.
Bis ich das Objektorientierte Programmieren wirklich eigenständig kann brauche ich noch ein ganzes extra Leben :D

Grüße
Zunder

Source code

 
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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95

<UserControl
  x:Name="this"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  xmlns:sys="clr-namespace:System;assembly=mscorlib"
  mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="300">
	<UserControl.Resources>
  	<Storyboard
    	x:Key="HighlightedColorStoryboard">
      	<ColorAnimationUsingKeyFrames
        	Duration="0:0:1.6"
        	Storyboard.TargetProperty="Foreground.Color"
        	RepeatBehavior="Forever">
          	<ColorAnimationUsingKeyFrames.KeyFrames>
            	<DiscreteColorKeyFrame
              	Value="White"
              	KeyTime="0:0:0.8" />
            	<DiscreteColorKeyFrame
              	Value="Red"
              	KeyTime="0:0:0.8" />
          	</ColorAnimationUsingKeyFrames.KeyFrames>
      	</ColorAnimationUsingKeyFrames>
  	</Storyboard>
    	<DataTemplate x:Key="TplNormal">
      	<TextBlock
        	Foreground="White"
        	Text="Wasserkreis" />
    	</DataTemplate>
    	<DataTemplate x:Key="TplWarning">
      	<TextBlock
        	Foreground="Orange"
        	Text="Wasserkreis" />
    	</DataTemplate>
    	<DataTemplate x:Key="TplAlarm">
      	<TextBlock
        	Text="Wasserkreis">
          	<TextBlock.Triggers>
            	<EventTrigger
              	RoutedEvent="TextBlock.Loaded">
                	<BeginStoryboard
                  	Storyboard="{StaticResource HighlightedColorStoryboard}" />
            	</EventTrigger>
          	</TextBlock.Triggers>
      	</TextBlock>       	 
    	</DataTemplate>
    	<LinearGradientBrush
      	x:Key="BackgroundBrush" StartPoint="0,0" EndPoint="0,1">
        	<GradientStop Color="Black" Offset="0.7" />
        	<GradientStop Color="DimGray" Offset="0.0" />
    	</LinearGradientBrush>
	</UserControl.Resources>
	<Grid>
  	<Rectangle
    	Opacity="0.6"
    	RadiusX="2"
    	RadiusY="2"
    	StrokeThickness="1"
    	Fill="{StaticResource BackgroundBrush}"
    	Stroke="#FF2B2B2B" />
      	<ContentControl
        	FontFamily="Segoe UI"
        	FontWeight="Bold"
        	Width="Auto"
        	Height="Auto"
        	Margin="0,0,0,0"
        	FontSize="12"
        	HorizontalAlignment="Center"
        	VerticalAlignment="Center">
          	<ContentControl.Style>
            	<Style
              	TargetType="ContentControl">
               	<Style.Triggers>
                 	<DataTrigger
                   	Value="True"
                   	Binding="{Binding ElementName=this, Path=DataContext.Value, ConverterParameter=0, Converter={StaticResource CompareEqualConverter}}">
                   	<Setter Property="ContentTemplate" Value="{StaticResource TplNormal}" />
                 	</DataTrigger>
                 	<DataTrigger
                   	Value="True"
                   	Binding="{Binding ElementName=this, Path=DataContext.Value, ConverterParameter=1, Converter={StaticResource CompareEqualConverter}}">
                   	<Setter Property="ContentTemplate" Value="{StaticResource TplWarning}" />
                 	</DataTrigger>
                 	<DataTrigger
                   	Value="True"
                   	Binding="{Binding ElementName=this, Path=DataContext.Value, ConverterParameter=2, Converter={StaticResource CompareEqualConverter}}">
                   	<Setter Property="ContentTemplate" Value="{StaticResource TplAlarm}" />
                 	</DataTrigger>
               	</Style.Triggers>
            	</Style>
          	</ContentControl.Style>
      	</ContentControl>
	</Grid>
</UserControl>
zunder has attached the following file:
  • page Alarmtext.zip (1.51 kB - 52 times downloaded - Last download: Nov 11th 2025, 7:24pm)

Similar threads