原文:

背水一战 Windows 10 (45) - 控件（图标类）: IconElement, SymbolIcon, FontIcon, PathIcon, BitmapIcon

作者：

介绍

背水一战 Windows 10 之 控件（图标类）

• IconElement
• SymbolIcon
• FontIcon
• PathIcon
• BitmapIcon

示例

1、IconElement(基类) 的示例

Controls/IconControl/IconElementDemo.xaml

Controls/IconControl/IconElementDemo.xaml.cs

/* * IconElement(基类) - 图标元素基类（继承自 FrameworkElement, 请参见 /Controls/BaseControl/FrameworkElementDemo/） */using Windows.UI.Xaml.Controls;namespace Windows10.Controls.IconControl{    public sealed partial class IconElementDemo : Page    {        public IconElementDemo()        {            this.InitializeComponent();        }    }}

2、SymbolIcon 的示例

Controls/IconControl/SymbolIconDemo.xaml

Controls/IconControl/SymbolIconDemo.xaml.cs

/* * SymbolIcon - 符号图标（继承自 IconElement, 请参见 /Controls/IconControl/IconElementDemo.xaml） */using Windows.UI.Xaml.Controls;namespace Windows10.Controls.IconControl{    public sealed partial class SymbolIconDemo : Page    {        public SymbolIconDemo()        {            this.InitializeComponent();        }    }}

3、FontIcon 的示例

Controls/IconControl/FontIconDemo.xaml

Controls/IconControl/FontIconDemo.xaml.cs

/* * FontIcon - 字体图标（继承自 IconElement, 请参见 /Controls/IconControl/IconElementDemo.xaml） */using Windows.UI.Xaml.Controls;namespace Windows10.Controls.IconControl{    public sealed partial class FontIconDemo : Page    {        public FontIconDemo()        {            this.InitializeComponent();            this.Loaded += FontIconDemo_Loaded;        }        private void FontIconDemo_Loaded(object sender, Windows.UI.Xaml.RoutedEventArgs e)        {            // 在 code-behind 中可以通过 \u 指定 Unicode 编码            fontIcon3.Glyph = "\uEC52";        }    }}

4、PathIcon 的示例

Controls/IconControl/PathIconDemo.xaml

Controls/IconControl/PathIconDemo.xaml.cs

/* * PathIcon - 路径图标（继承自 IconElement, 请参见 /Controls/IconControl/IconElementDemo.xaml） */using Windows.UI.Xaml.Controls;namespace Windows10.Controls.IconControl{    public sealed partial class PathIconDemo : Page    {        public PathIconDemo()        {            this.InitializeComponent();        }    }}

5、BitmapIcon 的示例

Controls/IconControl/BitmapIconDemo.xaml

Controls/IconControl/BitmapIconDemo.xaml.cs

/* * BitmapIcon - 位图图标（继承自 IconElement, 请参见 /Controls/IconControl/IconElementDemo.xaml） */using Windows.UI.Xaml.Controls;namespace Windows10.Controls.IconControl{    public sealed partial class BitmapIconDemo : Page    {        public BitmapIconDemo()        {            this.InitializeComponent();        }    }}

OK