WeUiSharp：基于 WPF 实现的仿 Windows 桌面版微信 UI 界面库

[stitch18]

WeUiSharp

基于 WPF 实现的仿 Windows 桌面版微信 UI 界面库

An unofficial UI library for Windows WeChat based on WPF implementation

项目主页：https://github.com/IUpdatable/WeUiSharp，欢迎 star

Features

• .NET Framework >= 4.7.2
• 多语言动态切换
• 主题动态切换（ TODO：深色主题）
• MIT 协议，开源可商用

Overview

Getting Started

1. 创建一个基于. NET Framework 4.7.2+ 的 WPF 项目（推荐使用：Prism 框架，直接使用 Prism 模板 创建项目）；
2. NuGet 安装 WeUiSharp
3. 修改文件 App.xaml，添加以下资源：

<Application.Resources>
    <!-- 下面部分为添加内容 -->
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="pack://application:,,,/WeUiSharp;component/ControlsResources.xaml"/>
            <weui:ThemeResources RequestedTheme="Light">
                <weui:ThemeResources.ThemeDictionaries>
                    <ResourceDictionary x:Key="Light">
                        <ResourceDictionary.MergedDictionaries>
                            <ResourceDictionary Source="/WeUiSharp;component/ThemeResources/Light.xaml" />
                        </ResourceDictionary.MergedDictionaries>
                    </ResourceDictionary>
                    <ResourceDictionary x:Key="Dark">
                        <ResourceDictionary.MergedDictionaries>
                            <ResourceDictionary Source="/WeUiSharp;component/ThemeResources/Dark.xaml" />
                        </ResourceDictionary.MergedDictionaries>
                    </ResourceDictionary>
                </weui:ThemeResources.ThemeDictionaries>
            </weui:ThemeResources>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

1. 修改文件 MainWindow.xaml，将 Window 改为 weui:Window，并添加 weui 的引用：

<weui:Window xmlns:weui="https://github.com/IUpdatable/WeUiSharp" Title="Hello WeUiSharp"
        ...
        >
    <Grid>
        
    </Grid>

</weui:Window>

1. 修改 MainWindow.xaml.cs，取消从 Window 的继承关系

public partial class MainWindow
{
    public MainWindow()
    {
        InitializeComponent();
    }
}

1. 编译运行，应该就可以看到下面效果的界面：

完整代码：WeUiSharp.HelloWorld

基于 Prism 框架的 Hello Wrorld 项目完整代码： WeUiSharp.HelloWorldWithPrism

Components

• Window
• Button
• ToggleButton
• PathButton
• IconButton
• Field
• CheckBox
• ComboBox
• MessageBox
• ContextMenu
• Toast
• Alert

[stitch18]

@enki0423 直接原因是，我本来打算仿一个局域网版的微信，时间有点紧还没做完，就先把 UI 整理出来了。客观讲微信桌面版的 UI 确实一般，但是一个事物只要从一开始没有太强烈的排斥感，用久了自然也容易产生熟悉感。加之微信用户量巨大，概率上讲有需求使用类似界面做东西的开发者也会不少，所以就有了这个开源项目。

[stitch18]

@wzw 我现在在新加坡，正在找回国的工作。公开论坛，微信我就不留了，想联系我的话，项目主页里有邮箱和公众号。

[CitizenR]

赞，居然还在坚持做 WPF，已 star 。

[enki0423]

@stitch18 👍

[ragnaroks]

可以考虑下适配 dotnet 5.0/3.1

[zwh418346771]

star+1