awtk/docs/qt-designer.md
2018-10-11 11:24:06 +08:00

1.2 KiB
Raw Blame History

使用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等属性不会自动转换。