0

私は一日中この分野に関する答えを探していたので、この問題に関する助けがあれば大歓迎です!

マージされたディクショナリを App.xaml に追加することで、WPF アプリケーションにグローバル スタイルを適用しました。これにより、意図したとおりにアプリケーション全体にスタイルが適用されましたが、完全には理解できないことがいくつかあります。

スタイルが適用されているコードが役立つ場合は提供できますが、非常に大きいため、この投稿を詰まらせないことをお勧めします。このスタイルは、各リストボックス項目に背景色を適用するだけでなく、クールなホバー アニメーションと色の変化を適用します。このスタイルは、私のアプリケーションのいくつかのリストボックスには適用されませんでしたが、以下のコード例:

<StackPanel Margin="0,15,0,0" Width="auto" HorizontalAlignment="Left">
    <StackPanel.Resources>
        <converter:IntToBoolConverter x:Key="intToBoolConverter" />
        <converter:BoolToVisibilityConverter x:Key="boolToVisibilityConverter" />
    </StackPanel.Resources>
    <Label Content="Required Vehicles" HorizontalAlignment="Center" FontWeight="Bold" />
    <ListBox x:Name="lstVehicleRequests" ItemsSource="{Binding VehicleRequests}" Width="auto"
             IsSynchronizedWithCurrentItem="True">
        <ListBox.Resources>
            <Style TargetType="{x:Type ListBoxItem}" BasedOn="{StaticResource BaseListBoxItem}">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Path=RequestStatus.RequestStatusId}" Value="7">
                        <Setter Property="Background">
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFFFFFFB" Offset="0" />
                                    <GradientStop Color="IndianRed" Offset="0.5" />
                                    <GradientStop Color="#FFFFFFFB" Offset="1" />
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </ListBox.Resources>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Grid ShowGridLines="True">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto" />
                        <ColumnDefinition Width="auto" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto" />
                        <RowDefinition Height="4" />
                    </Grid.RowDefinitions>
                    <StackPanel Margin="0,8,0,0">
                        <TextBlock Margin="0,4,10,0" >
                        <Label Content="Coach Type" Width="120" />
                        <ComboBox ItemsSource="{Binding DataContext.CoachTypes, 
                                  RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}"
                                  SelectedItem="{Binding CoachType}" DisplayMemberPath="Name" Width="100" />
                        </TextBlock>
                        <TextBlock Margin="0,8,10,0">
                            <Label Content="No of Passengers" Width="120" />
                            <TextBox 
                                    keys:ValidKeys.Numeric="True"
                                    Validation.ErrorTemplate="{StaticResource validationTemplate}"
                                    Style="{StaticResource textBoxInError}" Width="50">
                                <TextBox.Text>
                                        <Binding Path="Passengers"
                                                  UpdateSourceTrigger="PropertyChanged">
                                            <Binding.ValidationRules>
                                                <val:RegularExpressionRule 
                                                    ErrorDescription="Please Enter a Numeric Size" 
                                                    RegularExpression="^\d*$" />
                                            </Binding.ValidationRules>
                                        </Binding>
                                    </TextBox.Text>
                            </TextBox>
                        </TextBlock>
                        <TextBlock Margin="0,8,10,0">
                            <Label Content="No of Drivers" Width="120" />
                            <TextBox
                                    keys:ValidKeys.Numeric="True"
                                    Validation.ErrorTemplate="{StaticResource validationTemplate}"
                                    Style="{StaticResource textBoxInError}" Width="50">
                                <TextBox.Text>
                                    <Binding Path="Drivers"
                                        UpdateSourceTrigger="PropertyChanged">
                                        <Binding.ValidationRules>
                                            <val:RegularExpressionRule 
                                                ErrorDescription="Please Enter a Numeric Size" 
                                                RegularExpression="^\d*$" />
                                            </Binding.ValidationRules>
                                        </Binding>
                                    </TextBox.Text>
                            </TextBox>
                        </TextBlock>
                        <TextBlock Margin="0,8,10,0">
                        <Label Content="Positioning Feeder Drivers" Width="120" />
                            <TextBox
                                    keys:ValidKeys.Numeric="True"
                                    Style="{StaticResource textBoxInError}" Width="50" MaxLength="3">
                                <TextBox.Text>
                                    <Binding Path="PositioningFeederDrivers"
                                        UpdateSourceTrigger="PropertyChanged">
                                        <Binding.ValidationRules>
                                            <val:RegularExpressionRule 
                                                ErrorDescription="Please Enter a Numeric Size" 
                                                RegularExpression="^\d*$" />
                                            </Binding.ValidationRules>
                                        </Binding>
                                    </TextBox.Text>
                            </TextBox>
                        </TextBlock>
                        <TextBlock Margin="0,8,10,0">                    
                        <Label Content="Wheelchair Access" Width="120" />
                        <ComboBox Width="100" SelectedIndex="{Binding WheelchairAccess, 
                                  Converter={StaticResource intToBoolConverter}}">
                            <ComboBoxItem Content="Not Required" />
                            <ComboBoxItem Content="Required" />
                        </ComboBox>
                        </TextBlock>
                        <TextBlock Margin="0,8,10,8">
                        <Label Content="Trailer" Width="120" />
                        <ComboBox Width="100" SelectedIndex="{Binding Trailer, 
                                  Converter={StaticResource intToBoolConverter}}">
                            <ComboBoxItem Content="Not Required" />
                            <ComboBoxItem Content="Required" />
                        </ComboBox>
                        </TextBlock>
                    </StackPanel>
                </Grid>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</StackPanel>

次に、上記のように BasedOn プロパティを追加しました。このリスト ボックスにスタイルを適用するために、なぜこれを行う必要があったのでしょうか。他のリストボックスとさまざまなコントロールがこれを自動的に取得しましたか?

とにかく、リクエストステータスID = 7のときに背景色を変更する必要があるこのリストボックスに対するデータトリガーがあることがわかります。ベースのプロパティがないと、行の色が赤に正常に変更されます。スタイルが適用されると、色が変わることはなく、テンプレートのオレンジ色が常に適用されます。

ヘルプ?????

とても有難い、

マーク

4

1 に答える 1

0
<Style x:Key="BaseListBoxItem" d:IsControlPart="True" TargetType="{x:Type ListBoxItem}">
        <Setter Property="SnapsToDevicePixels" Value="true" />
        <Setter Property="OverridesDefaultStyle" Value="true" />
        <Setter Property="Padding" Value="3" />
        <Setter Property="Foreground" Value="{StaticResource OutsideFontColor}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ListBoxItem}">
                    <ControlTemplate.Resources>
                        <Storyboard x:Key="HoverOn">
                            <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="BackgroundGradientOver" 
                                             Storyboard.TargetProperty="Opacity" To="0.73" />
                        </Storyboard>
                        <Storyboard x:Key="HoverOff">
                            <DoubleAnimation Duration="00:00:00.4000000" Storyboard.TargetName="BackgroundGradientOver" 
                                             Storyboard.TargetProperty="Opacity" To="0" />
                        </Storyboard>
                        <Storyboard x:Key="SelectedOn">
                            <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="BackgroundGradientSelected" 
                                             Storyboard.TargetProperty="Opacity" To="0.84" />
                            <DoubleAnimation Duration="00:00:00.1000000" Storyboard.TargetName="BackgroundGradientSelectedDisabled" 
                                             Storyboard.TargetProperty="Opacity" To="0.55" />
                        </Storyboard>
                        <Storyboard x:Key="SelectedOff">
                            <DoubleAnimation Duration="00:00:00.4000000" Storyboard.TargetName="BackgroundGradientSelected" 
                                             Storyboard.TargetProperty="Opacity" To="0" />
                            <DoubleAnimation Duration="00:00:00.4000000" Storyboard.TargetName="BackgroundGradientSelectedDisabled" 
                                             Storyboard.TargetProperty="Opacity" To="0" />
                        </Storyboard>
                    </ControlTemplate.Resources>
                    <Grid SnapsToDevicePixels="true">
                        <Rectangle x:Name="BackgroundGradientOver" RadiusX="1" RadiusY="1" Stroke="{DynamicResource MouseOverBorderBrush}" 
                                   Opacity="0" Fill="{DynamicResource MouseOverBrush}"/>
                        <Rectangle x:Name="BackgroundGradientSelectedDisabled" RadiusX="1" RadiusY="1" Opacity="0" Fill="{DynamicResource 
                            ListItemSelectedBrush}" Stroke="{DynamicResource ListItemSelectedBorderBrush}"/>
                        <Rectangle x:Name="BackgroundGradientSelected" Stroke="{DynamicResource PressedBorderBrush}" StrokeThickness="1" 
                                   RadiusX="1" RadiusY="1" Opacity="0" Fill="{DynamicResource PressedBrush}">

                        </Rectangle>
                        <ContentPresenter x:Name="contentPresenter" Content="{TemplateBinding Content}" Margin="{TemplateBinding Padding}"
                                          ContentTemplate="{TemplateBinding ContentTemplate}" 
                                          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"  />
                    </Grid>
                    <ControlTemplate.Triggers>

                        <Trigger Property="IsSelected" Value="true">
                            <Trigger.ExitActions>
                                <BeginStoryboard Storyboard="{StaticResource SelectedOff}" x:Name="SelectedOff_BeginStoryboard" />
                            </Trigger.ExitActions>
                            <Trigger.EnterActions>
                                <BeginStoryboard Storyboard="{StaticResource SelectedOn}" x:Name="SelectedOn_BeginStoryboard" />
                            </Trigger.EnterActions>

                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Trigger.ExitActions>
                                <BeginStoryboard Storyboard="{StaticResource HoverOff}" x:Name="HoverOff_BeginStoryboard" />
                            </Trigger.ExitActions>
                            <Trigger.EnterActions>
                                <BeginStoryboard Storyboard="{StaticResource HoverOn}" />
                            </Trigger.EnterActions>
                        </Trigger>

                        <Trigger Property="IsEnabled" Value="false">
                            <Setter Property="Foreground" Value="{DynamicResource DisabledForegroundBrush}" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
于 2010-01-27T10:57:55.127 に答える