Я хочу создать PathGeometry для значка замка в xaml. Есть ли какие-нибудь инструменты, чтобы помочь мне в этом?
1 ответ
То, как работает геометрия, кажется сложным, но как только вы поймете, как она работает, вы сможете использовать векторные иконки, которые лучше, чем изображения. Попробуйте.
Таким образом можно использовать Геометрию .
Во-первых, требуется строковое значение геометрии.
M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z = 
< / а>
<Geometry x:Key="ICON">
M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z
</Geometry>
И путь требуется для печати геометрии на экране.
<Path Data="{StaticResource ICON}" Width="48" Height="48"/>
Рекомендуется, чтобы размер пути был таким же, как фактический размер пути. Потому что регулировка размера с помощью ViewBox - это способ лучше использовать характеристики вектора.
Окончательно
Ниже показано, как применить этот метод для использования значков.
контур блокировки
<Viewbox Width="48" Height="48">
<Canvas Width="24" Height="24">
<Path Fill="Black" Data="M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z" />
</Canvas>
</Viewbox>
замок-открытый-вариант-наброски
<Viewbox Width="48" Height="48">
<Canvas Width="24" Height="24">
<Path Fill="Black" Data="M10 13C11.1 13 12 13.89 12 15C12 16.11 11.11 17 10 17S8 16.11 8 15 8.9 13 10 13M18 1C15.24 1 13 3.24 13 6V8H4C2.9 8 2 8.9 2 10V20C2 21.1 2.9 22 4 22H16C17.1 22 18 21.1 18 20V10C18 8.9 17.1 8 16 8H15V6C15 4.34 16.34 3 18 3S21 4.34 21 6V8H23V6C23 3.24 20.76 1 18 1M16 10V20H4V10H16Z" />
</Canvas>
</Viewbox>
На сайте ниже предлагается множество различных иконок с открытым исходным кодом. Вы можете выбрать его самостоятельно и предоставить с исходным кодом Xaml. Я также много пользуюсь этим сайтом. Здесь
En Español