Ласкаво просимо до dev.net.ua Увійти | Приєднатися | Допомога

Helen

designer for developers

Новини

Полезные ссылки

Ответы на вопросы: Bold для заголовка в TabItem

Снова пост-ответ на вопросы.

Вопрос: Как сделать текст в заголовке TabItem жирным и чтобы при этом он изменял свой цвет при наведении мышки?

Ответ: Рассмотрим изменение копии шаблона для текстового заголовка TabItem, в котором присутствует данное поведение. В этом и заключается ответ на вопрос.

Примечание: Мы будем работать с копией шаблона, так как остальное стандартное поведение и установленные свойства элементов TabItem нас устраивают.

1. Добавим TabControl с тремя элементами TabItem в корневой контейнер LayoutRoot.

1

2. Выделив второй элемент TabItem с названием “Second” в панели Objects & Timeline, отредактируем копию его шаблона.

2

3. Так как необходимое поведение требуется для всех элементов TabItem в приложении, выберем опцию Apply to all и разместим ресурс на уровне приложения.

3

4.  Изменим содержимое ControlTemplate для нашего случая. Необходимо заменить ContentPresenter на текстовый блок с заданными свойствами.

4

5. Меняем в режиме Split view ContentPresenter на TextBlock, убираем свойства ContentSource="Header" и RecognizesAccessKey="True".

5

6. В категории Common Properties панели Properties для выделенного элемента TextBlock сделаем Template Binding: свойства Text к Header, восстановив таким образом вводимое пользователем значение для заголовка TabItem:

6

7

7. Теперь можно задать жирное начертание для текстового блока.

8

8.  Теперь дело за цветом при наведении мышки. Активизируем панель States.

9

9. Выбираем состояние MouseOver из группы CommonStates и выбираем экспериментальным путем новое значение цвета для свойства Foreground нашего элемента:

10

10. Переключаемся в режим Base и можно тестировать поведение нашего TabItem:

11

Текст в заголовках приобрел жирное начертание и при наведении мышки он становится бирюзовым.

Posted: Monday, November 1, 2010 10:52 PM від Helen
Помічено як: , ,

Коментарі

Немає коментарів

Анонімні коментарі деактивовані. Увійдіть або Зареєструйтесь щоб мати доступ до ресурсів Спільноти.