欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在C# WPF下自定義滾動條ScrollViewer樣式的操作

 更新時間：2021年01月14日 11:28:25   作者：凡夢_  
這篇文章主要介紹了在C# WPF下自定義滾動條ScrollViewer樣式的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

一、實現(xiàn)對ScrollViewer樣式的自定義主要包括：

1、滾動條寬度設(shè)置

2、滾動條顏色

3、滾動條圓角

4、滾動條拉動時的效果mouseover

二、實現(xiàn)效果：

三、實現(xiàn)方法

1、創(chuàng)建資源字典（ ResourceDictionary）文件

由于style代碼比較多，之間在控件文件中加載style比較混亂，也不利于其它窗口復(fù)用，這里單獨創(chuàng)建了ScrollViewDictionary.xaml文件代碼如下：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <ControlTemplate x:Key="MyScrollViewer" TargetType="{x:Type ScrollViewer}">
    <!--View區(qū)域背景色-->
    <Grid x:Name="Grid" Background="{TemplateBinding Background}">
      <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="Auto"/>
      </Grid.ColumnDefinitions>
      <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto"/>
      </Grid.RowDefinitions>
      <Rectangle x:Name="Corner" Grid.Column="1" Fill="White" Grid.Row="1"/>
      <ScrollContentPresenter x:Name="PART_ScrollContentPresenter" CanContentScroll="{TemplateBinding CanContentScroll}" CanHorizontallyScroll="False" CanVerticallyScroll="False" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Grid.Column="0" Margin="{TemplateBinding Padding}" Grid.Row="0"/>
      <ScrollBar x:Name="PART_VerticalScrollBar" AutomationProperties.AutomationId="VerticalScrollBar" Cursor="Arrow" Grid.Column="1" Maximum="{TemplateBinding ScrollableHeight}" Minimum="0" Grid.Row="0" Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" Value="{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportHeight}" Style="{DynamicResource MyScrollBarStyle}"/>
      <ScrollBar x:Name="PART_HorizontalScrollBar" AutomationProperties.AutomationId="HorizontalScrollBar" Cursor="Arrow" Grid.Column="0" Maximum="{TemplateBinding ScrollableWidth}" Minimum="0" Orientation="Horizontal" Grid.Row="1" Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" Value="{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportWidth}" Style="{DynamicResource MyScrollBarStyle}"/>
    </Grid>
  </ControlTemplate>
 
  
  <SolidColorBrush x:Key="ScrollBarDisabledBackground" Color="#F4F4F4"/>
 
  <Style x:Key="VerticalScrollBarPageButton" TargetType="{x:Type RepeatButton}">
    <Setter Property="OverridesDefaultStyle" Value="true"/>
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="Focusable" Value="false"/>
    <Setter Property="IsTabStop" Value="false"/>
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="{x:Type RepeatButton}">
          <Rectangle Fill="{TemplateBinding Background}" Height="{TemplateBinding Height}" Width="{TemplateBinding Width}"/>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>
  <!--滾動條顏色、圓角等設(shè)置-->
  <Style x:Key="ScrollBarThumb" TargetType="{x:Type Thumb}">
    <Setter Property="OverridesDefaultStyle" Value="true"/>
    <Setter Property="IsTabStop" Value="false"/>
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="{x:Type Thumb}">
          <!--滾動條顏色和圓角設(shè)置-->
          <Rectangle Name="thumbRect" Fill="#03ffea" RadiusX="3" RadiusY="3"/>
          <!--鼠標(biāo)拉動滾動條時的顏色-->
          <ControlTemplate.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
              <Setter Property="Fill" Value="CornflowerBlue" TargetName="thumbRect" />
            </Trigger>
          </ControlTemplate.Triggers>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>
  <Style x:Key="HorizontalScrollBarPageButton" TargetType="{x:Type RepeatButton}">
    <Setter Property="OverridesDefaultStyle" Value="true"/>
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="Focusable" Value="false"/>
    <Setter Property="IsTabStop" Value="false"/>
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="{x:Type RepeatButton}">
          <Rectangle Fill="{TemplateBinding Background}" Height="{TemplateBinding Height}" Width="{TemplateBinding Width}"/>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>
  <Style x:Key="MyScrollBarStyle" TargetType="{x:Type ScrollBar}">
    <Setter Property="Background" Value="AliceBlue"/>
    <Setter Property="Stylus.IsPressAndHoldEnabled" Value="false"/>
    <Setter Property="Stylus.IsFlicksEnabled" Value="false"/>
<!--滾動條寬度-->
    <Setter Property="Width" Value="8"/>
    <Setter Property="MinWidth" Value="6"/>
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="{x:Type ScrollBar}">
          <!--滾動條背景色--> 
          <Grid x:Name="Bg" Background="#001f55" SnapsToDevicePixels="true" Width="8">
            <Grid.RowDefinitions>
              <RowDefinition />
            </Grid.RowDefinitions>
            <Track x:Name="PART_Track" IsDirectionReversed="true" IsEnabled="{TemplateBinding IsMouseOver}">
              <Track.DecreaseRepeatButton>
                <RepeatButton Command="{x:Static ScrollBar.PageUpCommand}" Style="{StaticResource VerticalScrollBarPageButton}"/>
              </Track.DecreaseRepeatButton>
              <Track.IncreaseRepeatButton>
                <RepeatButton Command="{x:Static ScrollBar.PageDownCommand}" Style="{StaticResource VerticalScrollBarPageButton}"/>
              </Track.IncreaseRepeatButton>
              <Track.Thumb>
                <Thumb Style="{StaticResource ScrollBarThumb}"/>
              </Track.Thumb>
            </Track>
          </Grid>
          <ControlTemplate.Triggers>
            <Trigger Property="IsEnabled" Value="false">
              <Setter Property="Background" TargetName="Bg" Value="{StaticResource ScrollBarDisabledBackground}"/>
            </Trigger>
          </ControlTemplate.Triggers>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
    <Style.Triggers>
      <Trigger Property="Orientation" Value="Horizontal">
        <Setter Property="Width" Value="Auto"/>
        <Setter Property="MinWidth" Value="0"/>
        <Setter Property="Height" Value="6"/>
        <Setter Property="MinHeight" Value="6"/>
        <Setter Property="Background" Value="AliceBlue"/>
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate TargetType="{x:Type ScrollBar}">
              <Grid x:Name="Bg" Background="Red" SnapsToDevicePixels="true">
                <Grid.ColumnDefinitions>
                  <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <Track x:Name="PART_Track" IsEnabled="{TemplateBinding IsMouseOver}">
                  <Track.DecreaseRepeatButton>
                    <RepeatButton Command="{x:Static ScrollBar.PageLeftCommand}" Style="{StaticResource HorizontalScrollBarPageButton}"/>
                  </Track.DecreaseRepeatButton>
                  <Track.IncreaseRepeatButton>
                    <RepeatButton Command="{x:Static ScrollBar.PageRightCommand}" Style="{StaticResource HorizontalScrollBarPageButton}"/>
                  </Track.IncreaseRepeatButton>
                  <Track.Thumb>
                    <Thumb Style="{StaticResource ScrollBarThumb}" />
                  </Track.Thumb>
                </Track>
              </Grid>
              <ControlTemplate.Triggers>
                <Trigger Property="IsEnabled" Value="false">
                  <Setter Property="Background" TargetName="Bg" Value="{StaticResource ScrollBarDisabledBackground}"/>
                </Trigger>
              </ControlTemplate.Triggers>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Trigger>
    </Style.Triggers>
  </Style>
</ResourceDictionary>

2、在窗口中引用資源字典

<Window.Resources>
    <ResourceDictionary>
      <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="ScrollViewDictionary.xaml" />
      </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>    
  </Window.Resources>

3、scrollViewer中使用新樣式

 <ScrollViewer Template="{StaticResource MyScrollViewer}" Grid.Column="0" Grid.Row="1" VerticalAlignment="Top" Grid.ColumnSpan="2" x:Name="scrList" Margin="0" VerticalScrollBarVisibility="Auto" Height="350" Width="250">
      <StackPanel Orientation="Vertical" Name="layerList" ScrollViewer.VerticalScrollBarVisibility="Visible" Width="250" >
      </StackPanel>
    </ScrollViewer>

自定義完成，以上是所有步驟和代碼，可以根據(jù)自己程序的整體設(shè)計來更改顏色、寬度、圓角等效果。

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。如有錯誤或未考慮完全的地方，望不吝賜教。

相關(guān)文章

  • 詳解c#與python的交互方式

    詳解c#與python的交互方式

    這篇文章主要介紹了詳解c#與python的交互方式，幫助大家更好的理解和學(xué)習(xí)使用c#，感興趣的朋友可以了解下
    2021-04-04
  • C# LINQ的基本使用方法示例

    C# LINQ的基本使用方法示例

    這篇文章主要給大家介紹了關(guān)于C# LINQ的基本使用教程，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用C# LINQ具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-08-08
  • linq語法基礎(chǔ)使用示例

    linq語法基礎(chǔ)使用示例

    LINQ語言集成查詢（Language Integrated Query），是在.NET Framework 3.5 中出現(xiàn)的技術(shù),借助于LINQ技術(shù)，我們可以使用一種類似SQL的語法來查詢?nèi)魏涡问降臄?shù)據(jù),下面學(xué)習(xí)一下他的使用方法
    2014-01-01
  • 基于WPF實現(xiàn)視頻封面查看器

    基于WPF實現(xiàn)視頻封面查看器

    這篇文章主要為大家詳細(xì)介紹了WPF如何實現(xiàn)視頻封面查看器，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)或工作有一定幫助，感興趣的小伙伴可以了解一下
    2022-11-11
  • C#中的除法運(yùn)算符與VB.NET中的除法運(yùn)算符

    C#中的除法運(yùn)算符與VB.NET中的除法運(yùn)算符

    這篇文章主要介紹了C#中的除法運(yùn)算符與VB.NET中的除法運(yùn)算符,需要的朋友可以參考下
    2014-10-10
  • 避免在C#循環(huán)中使用await的方法小結(jié)

    避免在C#循環(huán)中使用await的方法小結(jié)

    在C#中,異步編程因其能夠提升應(yīng)用程序性能和響應(yīng)能力而變得越來越流行,async和await關(guān)鍵字使得編寫異步代碼變得更加容易,但如果使用不當(dāng),它們也可能引入一些陷阱,所以本文我們將探討為什么應(yīng)該避免在C#循環(huán)中使用await,并討論一些更高效地處理異步操作的替代方法
    2024-09-09
  • C#中使用Interlocked進(jìn)行原子操作的技巧

    C#中使用Interlocked進(jìn)行原子操作的技巧

    使用.NET提供的Interlocked類可以對一些數(shù)據(jù)進(jìn)行原子操作，看起來似乎跟lock鎖一樣，但它并不是lock鎖，它的原子操作是基于CPU本身的，非阻塞的，所以要比lock的效率高
    2016-12-12
  • C#實現(xiàn)在服務(wù)器端裁剪圖片的方法

    C#實現(xiàn)在服務(wù)器端裁剪圖片的方法

    這篇文章主要介紹了C#實現(xiàn)在服務(wù)器端裁剪圖片的方法,涉及C#操作圖片的相關(guān)技巧,需要的朋友可以參考下
    2015-04-04
  • Ｃ＃中的Hangfire和Quartz.NET 任務(wù)調(diào)度的區(qū)別解析

    Ｃ＃中的Hangfire和Quartz.NET 任務(wù)調(diào)度的區(qū)別解析

    Hangfire 和 Quartz.NET 是兩種常見的 C# 任務(wù)調(diào)度庫,它們有不同的特點和使用場景,本文給大家介紹Ｃ＃中的Hangfire和Quartz.NET 任務(wù)調(diào)度的區(qū)別,感興趣的朋友一起看看吧
    2024-08-08
  • C#編程實現(xiàn)DataTable添加行的方法

    C#編程實現(xiàn)DataTable添加行的方法

    這篇文章主要介紹了C#編程實現(xiàn)DataTable添加行的方法,結(jié)合兩個實例形式分析了C#操作DataTable實現(xiàn)動態(tài)添加行的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-11-11

最新評論