Deepin 自定义修改窗口圆角大小

文章目录

前言：
文案设计:
修改圆角窗口思路：
- 修改 dtkgui 代码：
- 修改 dde-control-center 代码：
- 修改 dde-dock 代码：
- 后期优化：
自定义设置圆角大小：
- 方式一：
- 方式二：
最终效果：
碎碎念总结~：
一起参与贡献：
更新: 2020-11-16
总结:
- 系列地址：

简述： 社区版本 Deepin 的大圆角 官方版本的 “小杯”、“中杯”、“超大杯” 来了。所有窗口有和任务栏有了 直角、小圆角、大圆角（0px、8px、 18px）。附上详细修改教程步骤，和如何修改任意角度的圆角。

视频演示效果：https://www.bilibili.com/video/BV1jv411C7oW/

翻译的英文版本： Deepin Custom Modify Window Corner Rounding Size

前言：

对于 DDE 一直以来的大圆角 18px，社区有着不同审美，有人希望坚持大圆角、有人希望调整小圆角、和直角；个人经历和生活环境不同，柑橘也不一样，所以有着各自不同角度的看待想法，能够互相欣赏即可

DDE 的圆角修改范围为： **所有主窗口的圆角 + Dock 圆角 + Menu 圆角 ** 。

本次修改只涉及社区 Deepin 拥有此功能（属于社区定制功能，也是某文和社区心心恋恋的~ ）。

UOS 版本默认不开启，当然，你想体验的话，也可通过命令来修改圆角大小（此类功能，暂时都属于规定的计划之外。也害怕被 UOS 的产品经理、开发们锤、然后被测试小姐姐报 bug 单）。

因 Deepin 和 UOS 实际是一个产品的两种不同形态。

文案设计:

中文文案: 窗口圆角, 小, 中, 大
English 文案 : Rounded Corner, small, medium, large

大圆角（系统原本样式）：窗口 = 18px；中圆角：窗口 = 8px；小圆角：窗口 = 0px；对于内部（按钮、item背景等）的圆角大小, 不做修改。

嗯嗯，，也是来自设计部的小姐姐（人也美）给的设计图，由于篇幅，就不上图了（我说的是设计图），确实很棒，，，

修改圆角窗口思路：

先 fork 官网仓库到自己的仓库；

编译项目的依赖，执行 sudo apt build-dep dtkgui ，或者去项目根目录下，执行 dpkg-checkbuilddeps ;

修改代码，按照格式提交（很重要）

测试达到预期后后、提交代码，等待合并

如何实现，修改地方一共要设计三个项目：

dtkgui ：修改基础的圆角数值、添加接口
dde-control-center ：添加控件修改软件的圆角数值，国际化翻译
dde-dock ：同时修改任务栏 dock 的在“时尚模式”下的圆角大小数值

修改 dtkgui 代码：

先添加对应的接口；要确 winID 被创建后（不然会被创建一个默认的窗口），再修改属性的数值，否则 dock 会变灰，右键菜单等都会变成不透明的严重 bug。本次修改提交，代码如下。

修改代码提交:

commit a3b9836b // 添加修改圆角接口

commit de1f742e // 修复默显示为直角角

commit 6ae8f77d // 修复 ToolTip 的圆角为 18px 的不美观的意外 bug

commit ea60f6b0 // 优化代码

运行之后，将新的头文件和生成的二进制，替换进系统，查看效果

☁  dtkgui [master] ⚡ sudo rm -rf /usr/lib/x86_64-linux-gnu/libdtkgui.so.5.2.2
☁  dtkgui [master] ⚡ sudo cp ~/project/build-dtkgui-unknown-Debug/src/libdtkgui.so.5.2.2 /usr/lib/x86_64-linux-gnu/
☁  dtkgui [master] ⚡  sudo cp src/dplatformtheme.h /usr/include/libdtk-5.2.2/DGui

修改 dde-control-center 代码：

修改代码提交:

commit a37aae15 // 添加控件修改大圆角度的数值

commit b9926d97 // 添加对的应国际化翻译

commit a6ea6be6 // 修复布局错误导致其他控件的被压缩显示

直接运行，查看是否有实时效果。

修改 dde-dock 代码：

修改代码提交:

commit 89cf36ab // Dock 任务栏修改大圆角

commit 63953ef5 // 修复注销重启后，dock 默认显示为直角

运行编译下想要看下效果，需要先下载 dconf-editor 软件，搜寻看门狗 watchdog，然后关闭 dde-dock 的按钮，这样就可以运行代码生成的 dock 而非一直显示系统本身的任务栏 dock。

后期优化：

突然，被楼上测试小姐姐报告了一个缺陷，

由于只在前端做了此值的设置，所以每次 “注销、重启、关闭特效后再开启”，都会导致此值 "DTK/windowRadius" QVariant(int, 8) 的丢失，从而导致都会显示为大圆角。

下一阶段，会在后端一块给此添加赋值，修复此缺陷。

自定义设置圆角大小：

方式一：

通过界面调整 “控制中心 - 个性化- 圆角窗口“ 的修改（仅对 Deepin 有效）。只有直角(0px)、小圆角（8px）、和大圆角(18px) 三档可调。

方式二：

通过命令终端调整，执行命令：其中具体的参数 8 可以替换为任意数字的角度，且对 Deepin 和 UOS 都生效。

# 终端手动调整数值 "DTK/windowRadius" QVariant(int, 8)
/usr/lib/x86_64-linux-gnu/libdtk-5.2.2/DGui/bin/deepin-gui-settings --set "DTK/WindowRadius" -i 8  // 设定圆角数值/usr/lib/x86_64-linux-gnu/libdtk-5.2.2/DGui/bin/deepin-gui-settings    // 查看圆角数值

PS：若是此路径下没有此运行程序，则需要执行： sudo apt install libdtkgui5-bin

最终效果：

没图，没图说个