WPF中控件使用像素图标

像素图标文件

制作

1. 首先准备好要转换的svg文件，最好是黑白的
   2.打开icomoon.io点击icoMoon APP
   3. 上传所需要转换的svg6. 选择所要转换的目标之后，点击右下方的Generate Font
   
2. 若无问题，则直接点右下角的download下载字体文件
   

使用说明

1：Icomoon.svg中记录了所生成的icon及其unicode和它对应的name
2：用的时候将控件的FontFamily设成Icomoon之后，可以将Unicode填到资源字典中，也可以填在控件的”Text”或”Content”项中，注意在cs文件中不能直接填&#x，需要用\u，如””要写成”\ue900”

案例演示

1：引入文件
2：定义全局样式文件
3：引用样式文件
4：窗体控件应用效果
代码：

    <GroupBox Header="测试" FontSize="16" Margin="2">
        <Grid Background="Blue">
            <StackPanel>
                <Button  Height="100"
                        Content="" FontSize="50"
                        Template="{DynamicResource BigIcoButton}"
                        ToolTip="微信" Tag="微信" Click="bt_Click">
                </Button>
                <Button  Height="100"
                        Content="" FontSize="50"
                        Template="{DynamicResource BigIcoButton}"
                        ToolTip="拍照" Tag="拍照" Click="bt_Click">
                </Button>
                <Button  Height="100"
                        Content="" FontSize="50"
                        Template="{DynamicResource BigIcoButton}"
                        ToolTip="记事本" Tag="记事本" Click="bt_Click">
                </Button>
                <Button  Height="100"
                        Content="" FontSize="50"
                        Template="{DynamicResource BigIcoButton}"
                        ToolTip="wifi" Tag="wifi" Click="bt_Click">
                </Button>
                <Button  Height="100"
                        Content="" FontSize="50"
                        Template="{DynamicResource BigIcoButton}"
                        ToolTip="微博" Tag="微博" Click="bt_Click">
                </Button>
            </StackPanel>
        </Grid>
    </GroupBox>