Глянцевая блестящая квадратная кнопка в WPF - XAML

Question

Я пытаюсь найти кнопки прямоугольника с эффектом блеска. Все примеры актуальны для круглых кнопок. (и при редактировании кода эффект глянца не соответствует прямоугольнику.

Кто-нибудь знает про примеры xaml для кнопки, как на картинках ниже?

Answer 1

Это можно сделать с помощью XAML. Существует большая страница ресурсов XAML для таких вещей, как xamalot.com. Я взял одну кнопку в качестве ссылки: http://xamalot.com/asset/0fc669c8-35f8-49c0-bceb-0d07f1d63691:

Рисовать с помощью XAML не так просто, но есть инструменты, которые позволяют рисовать и экспортировать, как Microsoft Expression Design.

Answer 2

Лучший способ добиться этого - использовать изображение в качестве контента для кнопки.

<Button BorderThickness="0">
    <Image Source="https://stackru.com/images/400a9a667229e284a08cd3f85d8dab73d236c060.jpg"/>
</Button>

Вы можете использовать затенение, чтобы получить эффект на втором изображении, или отражение, чтобы получить эффект на первом изображении.

Answer 3

Вы можете легко создавать такие графики с помощью Illustrator, а Expression Blend имеет функцию для преобразования векторных файлов Illustrator в XAML.

Этот вариант является лучшим с точки зрения качества, конечно же, поскольку ваша графика.

В качестве альтернативы, Expression Blend может сделать это тоже, возможно, даже быстрее.
Я делал такие вещи один раз, и я просто нарисовал базовую фигуру цветом, затем нарисовал другую фигуру там, изменил масштаб + преобразовал фигуру в контур в Blend, чтобы я мог перемещать точки, затем просто применил белый цвет с более низким альфа, и это все.

Я не предоставил подробностей в этом ответе, поэтому для получения дополнительной информации просто оставьте мне комментарий.

Важный совет: поместите свою графику XAML в Viewbox!