Я хочу создать PathGeometry для значка замка в xaml. Есть ли какие-нибудь инструменты, чтобы помочь мне в этом?

-3
SaiyanGirl 20 Май 2021 в 07:49

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 - это способ лучше использовать характеристики вектора.


Окончательно

Ниже показано, как применить этот метод для использования значков.

enter image description here

контур блокировки

<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>

enter image description here

замок-открытый-вариант-наброски

<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. Я также много пользуюсь этим сайтом. Здесь

1
james.lee 20 Май 2021 в 12:03