初接觸wpf，想自己用圖片做一個(gè)個(gè)性slider滑塊控件，網(wǎng)上找了很久無(wú)果。后來(lái)一些機(jī)緣巧合看別人源碼的時(shí)候找到了類似的，然后自己再查了一下msdn，大概弄懂了。

?

我們先來(lái)看看slider控件組成元素。

Slider控件組成：

用圖片自定義thumb（滑塊）：

<Style x:Key="SliderThumbStyle" TargetType="{x:Type Thumb}"><Setter Property="SnapsToDevicePixels" Value="True" /><Setter Property="OverridesDefaultStyle" Value="True" /><Setter Property="Height" Value="133" /><Setter Property="Width" Value="211" /><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="{x:Type Thumb}"><Rectangle><Rectangle.Fill><ImageBrush ImageSource="Assets/thumb.png" Stretch="None"/></Rectangle.Fill></Rectangle></ControlTemplate></Setter.Value></Setter></Style>

?

RepeatButton自定義類似上述

需要知道RepeatButton分兩部分，一部分滑塊是劃過(guò)的區(qū)域，一部分是滑塊還沒滑過(guò)的區(qū)域。

?

相關(guān)說(shuō)明：

SnapsToDevicePixels可以將此特性添加到您的根元素的true啟用呈現(xiàn)在 UI 中的像素對(duì)齊。對(duì)運(yùn)行在大于 96每英寸點(diǎn)數(shù) (dpi)的計(jì)算機(jī)，像素的呈現(xiàn)最大程度地減少抗鋸齒可視化項(xiàng)目在一個(gè)度量單位的實(shí)線附近。

?

如果設(shè)置OverridesDefaultStyle到控件的true，則會(huì)禁止顯示主題樣式提供的默認(rèn)控件模板。

?

Template獲取或設(shè)置控件模板。

?

Rectangle繪制一個(gè)矩形形狀，該形狀可以具有筆畫和填充。

Fill獲取或設(shè)置指定形狀內(nèi)部繪制方式的Brush

?

Stretch獲取或設(shè)置一個(gè)Stretch 枚舉值，該值描述形狀如何填充為它分配的空間（對(duì)于Ellipse 或Rectangle，默認(rèn)Stretch行為是 Fill，因?yàn)樗鼈兊恼麄€(gè)調(diào)整大小邏輯都基于Width 和Height。將Ellipse 或Rectangle 的Stretch設(shè)置為 None 可以有效地使其不呈現(xiàn)出來(lái)。）

?

System.Windows.Shapes提供對(duì)可在可擴(kuò)展應(yīng)用程序標(biāo)記語(yǔ)言 (XAML)或代碼中使用的基本形狀庫(kù)的訪問(wèn)。同時(shí)還包括 Path 類，該類可以加載路徑數(shù)據(jù)，以便通過(guò)對(duì)象模型或內(nèi)聯(lián)格式描述復(fù)合幾何圖形。

?

TriggerWPF 樣式和模板化模型允許在 Style 內(nèi)部指定觸發(fā)器。從本質(zhì)上講，觸發(fā)器是可以讓您在某些條件（例如某個(gè)屬性值變?yōu)?span style="font-family:'Times New Roman';"> true或者某個(gè)事件發(fā)生時(shí)）得到滿足時(shí)應(yīng)用更改的對(duì)象。

?

Track表示一個(gè)處理Thumb 控件的定位和大小調(diào)整的控件基元和兩個(gè)用于設(shè)置Value 的RepeatButton 控件。

Orientation獲取或設(shè)置Slider 的方向。Vertical垂直。Horizontal水平

?

繪圖相關(guān)：

Ellipse	繪制一個(gè)橢圓。
Line	在兩個(gè)點(diǎn)之間繪制一條直線。
Path	繪制一系列相互連接的直線和曲線。 直線和曲線維度通過(guò) Data 屬性聲明，并且可以使用 Path 特定的 mini-language 或使用對(duì)象模型來(lái)指定。
Polygon	繪制一個(gè)多邊形，它是形成閉合形狀的一系列相互連接的直接。
Polyline	繪制一系列相互連接的直線。
Rectangle	繪制一個(gè)矩形形狀，該形狀可以具有筆畫和填充。
Shape	為 Ellipse、Polygon 和Rectangle 之類的形狀元素提供基類。

轉(zhuǎn)載于:https://www.cnblogs.com/fornet/archive/2013/02/21/2976171.html

總結(jié)

以上是生活随笔為你收集整理的slider(滑动条)控件模版，样式--用图片定义控件模版的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。