awtk/docs/qt-designer.md

42 lines
1.2 KiB
Markdown
Raw Normal View History

2018-10-11 11:24:06 +08:00
# 使用Qt Designer构建AWTK的界面
## 一、方法
* 1.用QT新建一个Application项目.
* 2.打开窗口界面编辑器设置窗口的大小为需要的大小删除centralWidget之外的其它控件。
* 3.在窗口中添加需要的控件。
* 4.保存文件。
* 5.在命令行下进入awtk目录用qt\_to\_xml将Qt的UI文件转换成AWTK的XML文件
```
./bin/qt_to_xml /Users/jim/qt-app/demo1/mainwindow.ui mainwindow.xml
```
> 不同平台会有一些差异,请自行调整。
* 6.手工编辑生成的XML根据需要做些调整。
## 二、支持的控件
| QT控件 | AWTK控件 | 说明 |
|----------|:-------------:|------:|
| QDialog | dialog |
| QMainWindow | window |
| QLabel | label |
| QLineEdit | edit |
| QWidget | view |
| QGraphicsView | image |
| QComboBox | combo_box |
| QPushButton | button |
| QCheckBox | check_button |
| QRadioButton | radio_button |
| QProgressBar | progress_bar | 暂时不支持垂直progress_bar |
| QSpinBox | spin_box |
| QDoubleSpinBox | spin_box |
| QSlider | slider | 暂时不支持垂直slider |
## 三、限制
目前主要用于辅助确定控件坐标style等属性不会自动转换。