linuxdeepin / dtkdeclarative

dtkdeclarative

dtkdeclarative is a widget development toolkit based on QtQuick/QtQml, which is a brand new substitute for dtkwidget. dtkdeclarative is developed based on qtdeclarative. It covers all existing QML widgets and adds plenty of DTK friendly visual effects and color schemes. Compared to dtkwidget. It has:

1. A primitive Qt and Qml code style
2. Adapted APIs with traditional Qml
3. Simple and quick development interfaces
4. Unified widget theme style
5. Abundant effects and colors

中文介绍

Document

dtkdeclarative 中文文档

Dependencies

• qml-module-qtquick-shapes
• qml-module-qtquick-layouts

Build dependencies

• qtdeclarative5-dev
• qtbase5-dev-tools,
• qtquickcontrols2-5-dev
• libdtkgui-dev
• libdtkcore-dev
• qtdeclarative5-private-dev
• qtbase5-private-dev

Build from source

1. Please make sure that all dependencies are installed
2. Get source and build

$ git clone https://github.com/linuxdeepin/dtkdeclarative.git
$ cmake -Bbuild -GNinja
$ cmake --build build

3. Install

$ sudo cmake --install build

Getting help

• Please feel free to report issues if you encounter any problem
• Deepin Community for generic discussion and help.

Getting Involved

Any usage issues can ask for help via

• Telegram group
• Matrix
• IRC (libera.chat)
• Forum
• WiKi If you find a definite bug, you can raise it by way of an issue and we will fix it as soon as possible. If you have some development skills, you are welcome to submit a PR.

License

dtkdeclarative is licensed under the LGPL-3.0-or-later

TODO

1. Add plugins.qmltypes, support code completion
2. Support Vulkan

dtkdeclarative's Issues

各类按钮控件的UI细节

• 按钮阴影
• ButtonGroup
• ActionButton
• SwitchButton

阴影控件（内阴影+外阴影）

• 外阴影
• 内阴影

圆角矩形图片控件

窗口内通知

阴影实现GPU绘制

设计实现ProgressBar

根据V23设计图实现可交互的ProgressBar控件

关于-弹窗样式问题

UI还原问题：

目前的样式布局不对

期望实现：

所有应用应该是有统一的关于弹窗的样式

圆角矩形图片控件

圆角矩形（圆角数量定制）

对话框

对话框中的按钮没有hover状态

bug-168361

bugs under treeland env

Tasks

Beta Give feedback

1. RoundRectangle: no round corner
2. CheckDelegate: icon lookup
3. PopUp: no blur effect
4. 按钮波纹特效消失
5. 鼠标hover到TitleBar其它地方，左上角按钮会出现hover效果
6. 暗色主题适配 FlowStyle中补充暗色主题对应的颜色
7. set custom color of checkDelegate's indicator
8. add invert color flags
9. dtkdeclarative supports dci animation

使用 ColorSelector.xxx 获取颜色时报告属性未定义

这是一个不稳定重现问题。当在一个 ListView 的 Delegate 中使用 Button 控件时（必要条件，这会影响创建控件的时机），BoxPanel.qml 中有可能会无法通过 ColorSelector 获取颜色。另外，使用 ColorSelector.hovered: xxx.xxx ? true : xxxx.xxx : undefined 类似的方式为 ColorSelector 的某个属性绑定一个表达式（而不是直接绑定一个属性）可能是必要条件之一。

菜单

DCI图标调整，删除类型概念，新增图层和颜色类型概念

• dtkgui中DDciicon调整，删除Type，增加颜色类别: 前景色、背景色、高亮色或者高亮前景色
• dtkgui中增加图层绘制的实现，根据图层顺序进行绘制，上层图层覆盖下层图层，图层前景使用指定的颜色类别
• qml中修改DCI图标文件的实现

各类输入框控件的UI细节

实现Slider控件

阴影实现GPU渲染方式，dtk控件添加阴影效果

ColorSelector优化

整理接口代码，优化使用方式，将传统的以Palette为主体的使用方式修改为以Property为主体。

dtk控件添加阴影效果