从零上手 BiliBili-UWP开源 B 站桌面客户端的体验与避坑指南【免费下载链接】BiliBili-UWPBiliBili的UWP客户端当然是第三方的了项目地址: https://gitcode.com/gh_mirrors/bi/BiliBili-UWP一个深夜还在缓冲的视频凌晨一点你电脑上开着七八个标签页其中一个正是 B 站视频拖到 720P 还在转圈弹幕卡成一帧一帧想拖个进度条页面先白屏三秒。你是不是也经历过这种在 Windows 上看 B 站总觉得不痛快的时刻后来我找到一款名为BiliBili-UWP的开源桌面客户端中文名叫哔哩把 B 站从浏览器里搬进了原生 Windows 应用体验顺畅不少。它到底是个什么样的应用一句话概括BiliBili-UWP 是专门为 Windows 10/11 打造的第三方 B 站客户端代码完全开源只为学习交流而生。它适合两类人——想在电脑上更舒服地刷 B 站的普通用户以及想研究 UWP 应用如何设计的学习者。它最有辨识度的地方是内置了桌面模式和平板模式两套界面这一点稍后会展开。但先说两句实在话这个项目因为收到官方警告已从微软商店下架并停止维护开发者明确表示不承担重度使用。把它当作一个能用的学习样本来体验心态会更稳。拿到手之后怎么装起来如果你手头有 Visual Studio 2019整个安装过程其实很直接克隆仓库到本地git clone https://gitcode.com/gh_mirrors/bi/BiliBili-UWP用 Visual Studio 2019 打开BiliBili-UWP.sln解决方案文件在BiliBili-UWP项目的Package.appxmanifest里切换到 Package 选项卡重新生成一个测试证书选择 x64 平台重新生成并部署不想自己编译也可以找现成的 Release 压缩包解压后右键install.ps1按提示执行就行。这里藏着一个最容易卡住的坑Windows 默认会拦截未签名的应用。你需要先到设置 → 更新和安全 → 开发者选项里打开开发人员模式否则部署大概率直接失败。第一次启动迎面而来的就是这个经典的粉色小电视。对用户来说它就是整个应用的第一印象。第一次启动先看什么启动后你会看到登录入口。BiliBili-UWP 不替你保存密码登录仍走 B 站官方接口账号数据只在你设备和 B 站之间流通不经过第三方服务器。登录后有两件事值得先做认一认导航栏桌面模式下分区入口、搜索框、用户信息都集中在左侧信息密度比网页版高不少翻一翻快捷键文档BiliBili-UWP/Others/Shortcut.txt里列了全部快捷键和鼠标手势花两分钟扫一遍能省很多事深入体验值得玩味的几个细节桌面模式左导航、右内容的经典布局桌面模式采用经典的 Master-Detail 思路——左侧导航右侧详情和你平时用邮件客户端、IDE 的习惯一致基本不用重新学习。什么时候派上用场坐在 1080P 以上的大屏前刷视频、翻动态、整理收藏时一屏能装下更多内容效率明显高于网页版。平板模式为触屏而生的横向卷轴平板模式借鉴了 Windows 8 时代的卷轴式设计主滚动方向是横向的很适合手指滑动。选中视频后背景会变成虚化的封面图视觉上挺有辨识度。什么时候派上用场在 Surface 这类平板设备上使用或者不想让风扇狂转时。它对硬件要求更低开发者自己那台小 surface go 都能跑得动。把常用操作塞进键盘的播放器播放器的设计思路很朴素一切都能用键盘完成。按键功能Space播放/暂停F11全屏/退出全屏F10小窗/退出小窗F2开启/关闭弹幕ShiftS截图保存到图片库的Bili ScreenShot文件夹← / →回退 / 前进指定时长什么时候派上用场写文档写累了想挂个视频按 F10 切小窗继续码字看到名场面想留档ShiftS 一键截图不用再开截图软件。弹幕和评论努力保留B 站的味道虽然是第三方应用但动态卡片、评论、弹幕这些细分控件排版都尽量向官方看齐。开发者打了个比方红烧牛肉面如果换了紫色包装就算配料不变那也不是那个味儿了反过来只要包装足够熟悉哪怕 logo 不同也会觉得有那味儿了。什么时候派上用场刷动态、看评论区时你会发现几乎不需要适应成本交互和手机上差不多。藏在深处的接口让其他应用唤起它应用开放了一个 Uri 协议标头是richasy-bilibili其他应用可以借此直接唤起它播放指定视频例如richasy-bilibili://navigate?actionvideoaid170001什么时候派上用场如果你会写点小脚本或自动化工具一行命令就能把打开某个视频接进自己的工作流。幕后一个把手机应用搬到桌面的故事打开代码目录你会发现仓库被拆成了四个项目像一支分工明确的小团队BiliBili-Lib业务核心。API 请求、数据解析、账号 / 视频 / 番剧 / 频道等核心服务都在这里相当于应用的心脏BiliBili-Controls一组通用自定义控件比如自适应网格、瀑布流面板BiliBili-Notification后台任务组件负责动态通知提醒BiliBili-UWP主程序。所有界面、页面逻辑和状态管理都在这里最巧妙的其实是副页设计。开发者面对一个很现实的难题B 站本是手机应用界面习惯全是按触屏设计的直接搬到桌面会很别扭可全部重画工作量又大得离谱。他的解法是——把一批功能独立、桌面平板通用的页面做成共享页面也就是副页两套模式共用同一份实现。用户在主界面看到的是桌面化布局点进副页又能找到手机端熟悉的手感迁移成本被压到最低。播放器方面核心播放器叫VideoPlayer在BiliBili-UWP/Components/Controls目录被魔改过的媒体传输控件就是控制条那一整套在BiliBili-UWP/Models/UI/Others样式定义在BiliBili-UWP/Template/Media.xaml。对 UWP 自定义控件感兴趣的话这些都是现成的教材。遇到这些问题多半是这几个原因如果你部署失败多半是没开开发者模式先到设置 → 开发者选项打开开发人员模式再重试一次如果提示证书不受信任双击包内证书导入到本地计算机 → 受信任的根证书目录然后重新走一遍安装流程如果播放视频卡顿先在显卡设置里开启垂直同步试试还不行就到设置里把默认画质调低如果在 Surface Pro X 这类 ARM 设备上打不开这是已知问题开发者也没定位到原因换 x86 设备是唯一出路如果你期待 4K 画质没有大会员账号的话选项里能选 4K但片源并不会是 4K如果你在找直播和视频下载功能这个应用明确不做这两块别在上面花时间收尾从体验到学习接下来做什么到这里这条体验旅程就走得差不多了。想动手试试的话行动清单如下克隆仓库或下载现成的 Release 包打开开发者模式编译部署或运行 install.ps1花十分钟把快捷键过一遍再登录账号刷一刷遇到问题回到上面的避坑锦囊对号入座如果对 UWP 开发动了心思还可以顺着三条线继续挖看BiliBili-Lib/Service里的核心服务理解客户端如何组织网络层看BiliBili-Controls里的自定义控件学习怎么写可复用组件看BiliBili-UWP/Components/Controls/VideoPlayer.xaml体会复杂控件的分层思路。它虽然已经停止更新但代码里完整记录了一个开发者把手机应用搬到桌面的思考过程。这份思考本身可能比应用更值得带走。✨【免费下载链接】BiliBili-UWPBiliBili的UWP客户端当然是第三方的了项目地址: https://gitcode.com/gh_mirrors/bi/BiliBili-UWP创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考