开源Qt项目CuteMarkEd学习--主窗体UI设计

一、整个窗体布局

如下图

二、具体实现步骤

1.设置主窗体尺寸和ico

设置geometry属性就可以了
icon通过资源文件来实现，复制CuteMarkEd中的app目录下的icons和images文件夹，以及ico文件。然后创建一个资源文件icons。

设置别名

设置windowicon

2.设计查找与替换控件

创建ui
选择widget
这个类放在单独的一个目录中

设计好后

自定义控件如果实现
拖一个qwidget容器，然后promoted class添加FindReplaceWidget类，如下

3.只有一个item如何使用布局控件

在设计大师中没有找到如何操作，但是我们可以直接修改ui文件实现。比如上面的stack widget中page 和 page_2添加布局就是这么整

       <widget class="QWidget" name="Page">
        <layout class="QVBoxLayout">
         <item>
          <widget class="QWebView" name="webView">
           <property name="sizePolicy">
            <sizepolicy hsizetype="Expanding" vsizetype="Expanding">
             <horstretch>0</horstretch>
             <verstretch>0</verstretch>
            </sizepolicy>
           </property>
           <property name="minimumSize">
            <size>
             <width>200</width>
             <height>0</height>
            </size>
           </property>
           <property name="url">
            <url>
             <string>about:blank</string>
            </url>
           </property>
          </widget>
         </item>
        </layout>
       </widget>
       <widget class="QWidget" name="Page_2">
        <layout class="QVBoxLayout" >         
         <item>
          <widget class="QPlainTextEdit" name="htmlSourceTextEdit">
           <property name="minimumSize">
            <size>
             <width>200</width>
             <height>0</height>
            </size>
           </property>
           <property name="frameShape">
            <enum>QFrame::NoFrame</enum>
           </property>
           <property name="frameShadow">
            <enum>QFrame::Plain</enum>
           </property>
           <property name="readOnly">
            <bool>true</bool>
           </property>
          </widget>
         </item>
        </layout>
       </widget>

4.dock widget

设置位置

其他基本就是这样做

三、问题和解决

1.undefined reference to `QWebView::QWebView(QWidget*)’

编译报错，是因为没有在pro文件中添加webkitwidgets