Как изменить дизайн (толщина галочки, форма галочки и т. Д.) Галочек на слайдере в WPF C #

Question

Я хочу изменить толщину галочки и форму галочки (в форме стрелки и т. Д.) Под ползунком в WPF. Я посмотрел везде. Я обнаружил только то, как изменить высоту и цвет клещей.

Answer 1

Не очень хорошее решение, но вы можете создать собственный шаблон, а затем добавить UniformGrid с нужными элементами.

Чтобы добавить пользовательский шаблон, добавьте ползунок в свой xaml. Предполагая, что вы используете Visual Studio, вы можете перейти в Окно свойств и в разделе Разное вы можете перейти к Шаблоны -> Преобразовать в новый Ресурс .

Отсюда вы сможете вносить изменения в шаблон по умолчанию.

Прямо под TickBars я добавил UniformGrid. Вы можете удалить TickBars, но я оставил их для сравнения на рисунке ниже.

<UniformGrid Columns="11">
    <TextBlock Text="&#x25BC;" TextAlignment="Left"/>
    <TextBlock Text="&#x25BC;" TextAlignment="Left" Margin="7,0,0,0"/>
    <TextBlock Text="&#x25BC;" TextAlignment="Left" Margin="13,0,0,0"/>
    <TextBlock Text="&#x25BC;" TextAlignment="Left" Margin="20,0,0,0"/>
    <TextBlock Text="&#x25BC;" TextAlignment="Left" Margin="24,0,0,0"/>
    <TextBlock Text="&#x25BC;" TextAlignment="Center"/>
    <TextBlock Text="&#x25BC;" TextAlignment="Right" Margin="0,0,24,0"/>
    <TextBlock Text="&#x25BC;" TextAlignment="Right" Margin="0,0,20,0"/>
    <TextBlock Text="&#x25BC;" TextAlignment="Right" Margin="0,0,13,0"/>
    <TextBlock Text="&#x25BC;" TextAlignment="Right" Margin="0,0,7,0"/>
    <TextBlock Text="&#x25BC;" TextAlignment="Right"/>
</UniformGrid>

Текст предназначен для стрелки вниз. Вы можете найти другие стрелки здесь .

Первый, средний и последний текстовые блоки будут выровнены с тем местом, где обычно находятся галочки Остальные будут нуждаться в смещениях, для чего и нужны поля. Они будут равны на каждой стороне, но учтите, что не очень разумно кодировать их жестко, если только вы не знаете, что элемент управления не изменит размер. Если элемент управления изменяет размер, вам придется выполнить некоторые математические операции, чтобы динамически сгенерировать как шрифт, так и поля.

Я изменил цвет переднего плана и фона для лучшей видимости, но в итоге вы должны получить что-то вроде этого.