WPF实现微信客户端界面布局

1.通过Grid布局3列，设置菜单 宽度50，好友显示宽带310，内容区域自适应

<Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="50" ></ColumnDefinition>
            <ColumnDefinition Width="310"></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid Grid.Column="0" Background="#2E2E2E">

        </Grid>

        <Grid Grid.Column="1" Background="#E1E1E1" Margin="10 0 0 0">

        </Grid>

        <Grid Grid.Column="3" Grid.Row="0" Background="#F5F5F5">

         </Grid>

</Grid>

2.引入Font Awesome图表库

地址Font Awesome

下载包：font-awesome-4.7.0，解压后只需引入FontAwesome.otf

 

3.具体实现效果

 

3.demo下载

待审批。。。