WPF—Dev的GalleryControl的Item的样式

来源：互联网发布：淘宝中奖客服电话编辑：程序博客网时间：2024/05/02 00:42

GalleryControl用于显示图片还是很方便的，网上查这方面的资料的很少，自己研究了下，贴出来方便大家。

1.修改ItemCaption的字体颜色

    <dxb:Gallery.ItemCaptionTemplate>        <DataTemplate>            <TextBlock Text="{Binding}" Foreground="White" />        </DataTemplate>    </dxb:Gallery.ItemCaptionTemplate>

2.修改ItemBorder的颜色

其中，PART_Normal是平常的颜色，这里为透明；

PART_Hover是鼠标悬浮到Item上的颜色；

PART_HoverChecked是鼠标点击Item的颜色，这里还加了一个黑色边框

如果只要修改颜色只修改这三个Border就够了，下面的不用动

    <ControlTemplate x:Key="GalleryItemBorderTemplate" TargetType="{x:Type dxb:ItemBorderControl}">        <Grid>            <Border SnapsToDevicePixels="True" x:Name="PART_Normal" BorderBrush="{x:Null}" BorderThickness="0" Background="Transparent" CornerRadius="2" />            <Border SnapsToDevicePixels="True" x:Name="PART_Hover" Visibility="Collapsed" Background="#B996DFFF" BorderBrush="{x:Null}" BorderThickness="0" CornerRadius="2" />            <Border SnapsToDevicePixels="True" x:Name="PART_HoverChecked" Visibility="Collapsed" BorderBrush="{x:Null}" BorderThickness="0" CornerRadius="2" Background="Black">                <Border HorizontalAlignment="Stretch" Margin="1" VerticalAlignment="Stretch" Visibility="Visible" BorderBrush="{x:Null}" BorderThickness="0" CornerRadius="2" Background="#D84E7AAD"/>            </Border>            <ContentPresenter Margin="8,4,8,4" />            <VisualStateManager.VisualStateGroups>                <VisualStateGroup x:Name="State">                    <VisualState x:Name="Normal">                        <Storyboard>                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_Normal" Storyboard.TargetProperty="Visibility">                                <DiscreteObjectKeyFrame KeyTime="0">                                    <DiscreteObjectKeyFrame.Value>                                        <Visibility>Visible</Visibility>                                    </DiscreteObjectKeyFrame.Value>                                </DiscreteObjectKeyFrame>                            </ObjectAnimationUsingKeyFrames>                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_Hover" Storyboard.TargetProperty="Visibility">                                <DiscreteObjectKeyFrame KeyTime="0">                                    <DiscreteObjectKeyFrame.Value>                                        <Visibility>Collapsed</Visibility>                                    </DiscreteObjectKeyFrame.Value>                                </DiscreteObjectKeyFrame>                            </ObjectAnimationUsingKeyFrames>                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_HoverChecked" Storyboard.TargetProperty="Visibility">                                <DiscreteObjectKeyFrame KeyTime="0">                                    <DiscreteObjectKeyFrame.Value>                                        <Visibility>Collapsed</Visibility>                                    </DiscreteObjectKeyFrame.Value>                                </DiscreteObjectKeyFrame>                            </ObjectAnimationUsingKeyFrames>                        </Storyboard>                    </VisualState>                    <VisualState x:Name="Hover">                        <Storyboard>                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_Normal" Storyboard.TargetProperty="Visibility">                                <DiscreteObjectKeyFrame KeyTime="0">                                    <DiscreteObjectKeyFrame.Value>                                        <Visibility>Collapsed</Visibility>                                    </DiscreteObjectKeyFrame.Value>                                </DiscreteObjectKeyFrame>                            </ObjectAnimationUsingKeyFrames>                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_Hover" Storyboard.TargetProperty="Visibility">                                <DiscreteObjectKeyFrame KeyTime="0">                                    <DiscreteObjectKeyFrame.Value>                                        <Visibility>Visible</Visibility>                                    </DiscreteObjectKeyFrame.Value>                                </DiscreteObjectKeyFrame>                            </ObjectAnimationUsingKeyFrames>                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_HoverChecked" Storyboard.TargetProperty="Visibility">                                <DiscreteObjectKeyFrame KeyTime="0">                                    <DiscreteObjectKeyFrame.Value>                                        <Visibility>Collapsed</Visibility>                                    </DiscreteObjectKeyFrame.Value>                                </DiscreteObjectKeyFrame>                            </ObjectAnimationUsingKeyFrames>                        </Storyboard>                    </VisualState>                    <VisualState x:Name="HoverChecked">                        <Storyboard>                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_Normal" Storyboard.TargetProperty="Visibility">                                <DiscreteObjectKeyFrame KeyTime="0">                                    <DiscreteObjectKeyFrame.Value>                                        <Visibility>Collapsed</Visibility>                                    </DiscreteObjectKeyFrame.Value>                                </DiscreteObjectKeyFrame>                            </ObjectAnimationUsingKeyFrames>                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_Hover" Storyboard.TargetProperty="Visibility">                                <DiscreteObjectKeyFrame KeyTime="0">                                    <DiscreteObjectKeyFrame.Value>                                        <Visibility>Collapsed</Visibility>                                    </DiscreteObjectKeyFrame.Value>                                </DiscreteObjectKeyFrame>                            </ObjectAnimationUsingKeyFrames>                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_HoverChecked" Storyboard.TargetProperty="Visibility">                                <DiscreteObjectKeyFrame KeyTime="0">                                    <DiscreteObjectKeyFrame.Value>                                        <Visibility>Visible</Visibility>                                    </DiscreteObjectKeyFrame.Value>                                </DiscreteObjectKeyFrame>                            </ObjectAnimationUsingKeyFrames>                        </Storyboard>                    </VisualState>                </VisualStateGroup>            </VisualStateManager.VisualStateGroups>        </Grid>    </ControlTemplate>

0 0