UWP如何使用图标控件SymbolIcon

 时间:2024-11-04 16:41:34

1、首先,如图是在一个StackPanel当中,放一个SymbolIcon和一个TextBlock用来显示还原两个字的效果。

UWP如何使用图标控件SymbolIcon

2、其Xaml代码如图所示,设置SymbolIcon标签的Symbol属性用来显示不同的图标。如图设置Refresh显示上图图标。

UWP如何使用图标控件SymbolIcon

3、同样原理,添加SymbolIcon控件,分别设置其Symbol属性为Copy和Save,得到表示复制的图标和表示保存的图标。

UWP如何使用图标控件SymbolIcon

4、由于SymbolIcon的默认Margin太小,在上层容器的Resources标签中,添加Style样式,批量设置SymbolIcon的Margin如图。

UWP如何使用图标控件SymbolIcon

5、除了在代码中设置其样式,还可以选中一个SymbolIcon,在属性中设置。在属性窗口同时还可以看到所有的Symbol,如图。

UWP如何使用图标控件SymbolIcon

6、如果要调整SymbolIcon的大小,只需要在属性中设置其缩放变换,或者在Xaml代码中编写如图所示的代码。

UWP如何使用图标控件SymbolIcon
  • 在Android界面上添加控件的方法主要有几种
  • androidUI控件Spinner下拉菜单控件两种使用方法
  • UWP 如何让控件保持宽高比?
  • Windows10 图标个性化自定义
  • 热门搜索
    红烧猪肉 苏圆圆减肥记 冬季短裤搭配 红烧肉怎么做好吃不腻 家常红烧鲤鱼 把信送给加西亚简介 买车攻略 荔波旅游攻略 夫妻离婚财产怎么分 苏州游玩攻略