高仿360界面的實現（用純XML和腳本實現）

源碼下載：360UI

本項目XML的桌面渲染依賴GQT開源項目（請感興趣的朋友加入QQ討論群：101189702，在群共享文件里下載GQT源碼），以下是360界面實現的全部XML代碼，所有的代碼都在360_ui目錄里，事件交互寫在360safe.js里（再次申明是桌面程序不是Web）：

 效果圖：

 

 Qt設計器中：

 

 XML：

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>mainWidget</class>
 <widget class="QWidget" name="mainWidget">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>986</width>
    <height>714</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>Form</string>
  </property>
  <property name="styleSheet">
   <string notr="true"/>
  </property>
  <layout class="QVBoxLayout" name="verticalLayout">
   <property name="spacing">
    <number>0</number>
   </property>
   <property name="margin">
    <number>0</number>
   </property>
   <item>
    <widget class="QFrame" name="titleBar">
     <property name="sizePolicy">
      <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
       <horstretch>0</horstretch>
       <verstretch>0</verstretch>
      </sizepolicy>
     </property>
     <property name="minimumSize">
      <size>
       <width>0</width>
       <height>100</height>
      </size>
     </property>
     <property name="maximumSize">
      <size>
       <width>16777215</width>
       <height>100</height>
      </size>
     </property>
     <property name="frameShape">
      <enum>QFrame::StyledPanel</enum>
     </property>
     <property name="frameShadow">
      <enum>QFrame::Raised</enum>
     </property>
     <layout class="QVBoxLayout" name="verticalLayout_7">
      <property name="spacing">
       <number>0</number>
      </property>
      <property name="margin">
       <number>0</number>
      </property>
      <item>
       <layout class="QHBoxLayout" name="horizontalLayout_6">
        <property name="spacing">
         <number>0</number>
        </property>
        <property name="leftMargin">
         <number>15</number>
        </property>
        <property name="topMargin">
         <number>0</number>
        </property>
        <property name="rightMargin">
         <number>5</number>
        </property>
        <item>
         <widget class="QLabel" name="version_title">
          <property name="text">
           <string>360安全衛士9.2</string>
          </property>
         </widget>
        </item>
        <item>
         <spacer name="horizontalSpacer_8">
          <property name="orientation">
           <enum>Qt::Horizontal</enum>
          </property>
          <property name="sizeHint" stdset="0">
           <size>
            <width>40</width>
            <height>20</height>
           </size>
          </property>
         </spacer>
        </item>
        <item>
         <widget class="QPushButton" name="pushButton">
          <property name="minimumSize">
           <size>
            <width>25</width>
            <height>25</height>
           </size>
          </property>
          <property name="maximumSize">
           <size>
            <width>25</width>
            <height>25</height>
           </size>
          </property>
          <property name="text">
           <string/>
          </property>
          <property name="icon">
           <iconset>
            <normaloff>360_img/contentWidget/medal.png</normaloff>360_img/contentWidget/medal.png</iconset>
          </property>
          <property name="iconSize">
           <size>
            <width>25</width>
            <height>25</height>
           </size>
          </property>
         </widget>
        </item>
        <item>
         <spacer name="horizontalSpacer_9">
          <property name="orientation">
           <enum>Qt::Horizontal</enum>
          </property>
          <property name="sizeType">
           <enum>QSizePolicy::Fixed</enum>
          </property>
          <property name="sizeHint" stdset="0">
           <size>
            <width>10</width>
            <height>20</height>
           </size>
          </property>
         </spacer>
        </item>
        <item>
         <widget class="GButton" name="skin_button">
          <property name="gqtIcon" stdset="0">
           <pixmap>360_img/sysButton/skin_button.png</pixmap>
          </property>
         </widget>
        </item>
        <item>
         <widget class="GButton" name="main_menu_button">
          <property name="gqtIcon" stdset="0">
           <pixmap>360_img/sysButton/main_menu.png</pixmap>
          </property>
         </widget>
        </item>
        <item>
         <widget class="GButton" name="min_button">
          <property name="gqtIcon" stdset="0">
           <pixmap>360_img/sysButton/min_button.png</pixmap>
          </property>
         </widget>
        </item>
        <item>
         <widget class="GButton" name="max_button">
          <property name="gqtIcon" stdset="0">
           <pixmap>360_img/sysButton/max_button.png</pixmap>
          </property>
         </widget>
        </item>
        <item>
         <widget class="GButton" name="close_button">
          <property name="gqtIcon" stdset="0">
           <pixmap>360_img/sysButton/close_button.png</pixmap>
          </property>
         </widget>
        </item>
       </layout>
      </item>
      <item>
       <widget class="QFrame" name="titleFrame">
        <property name="maximumSize">
         <size>
          <width>16777215</width>
          <height>75</height>
         </size>
        </property>
        <property name="frameShape">
         <enum>QFrame::StyledPanel</enum>
        </property>
        <property name="frameShadow">
         <enum>QFrame::Raised</enum>
        </property>
        <layout class="QHBoxLayout" name="horizontalLayout">
         <property name="spacing">
          <number>2</number>
         </property>
         <property name="topMargin">
          <number>0</number>
         </property>
         <property name="bottomMargin">
          <number>0</number>
         </property>
         <item>
          <widget class="GToolButton" name="tiJian">
           <property name="minimumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="maximumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="text">
            <string>電腦體檢</string>
           </property>
           <property name="icon">
            <iconset>
             <normaloff>360_img/toolWidget/tiJian.png</normaloff>360_img/toolWidget/tiJian.png</iconset>
           </property>
           <property name="iconSize">
            <size>
             <width>48</width>
             <height>48</height>
            </size>
           </property>
           <property name="gqtChecked" stdset="0">
            <bool>true</bool>
           </property>
          </widget>
         </item>
         <item>
          <widget class="GToolButton" name="muMa">
           <property name="minimumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="maximumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="text">
            <string>木馬查殺</string>
           </property>
           <property name="icon">
            <iconset>
             <normaloff>360_img/toolWidget/muMa.png</normaloff>360_img/toolWidget/muMa.png</iconset>
           </property>
           <property name="iconSize">
            <size>
             <width>48</width>
             <height>48</height>
            </size>
           </property>
          </widget>
         </item>
         <item>
          <widget class="GToolButton" name="louDong">
           <property name="minimumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="maximumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="text">
            <string>漏洞修復</string>
           </property>
           <property name="icon">
            <iconset>
             <normaloff>360_img/toolWidget/louDong.png</normaloff>360_img/toolWidget/louDong.png</iconset>
           </property>
           <property name="iconSize">
            <size>
             <width>48</width>
             <height>48</height>
            </size>
           </property>
          </widget>
         </item>
         <item>
          <widget class="GToolButton" name="xiTong">
           <property name="minimumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="maximumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="text">
            <string>系統修復</string>
           </property>
           <property name="icon">
            <iconset>
             <normaloff>360_img/toolWidget/xiTong.png</normaloff>360_img/toolWidget/xiTong.png</iconset>
           </property>
           <property name="iconSize">
            <size>
             <width>48</width>
             <height>48</height>
            </size>
           </property>
          </widget>
         </item>
         <item>
          <widget class="GToolButton" name="qingLi">
           <property name="minimumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="maximumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="text">
            <string>電腦清理</string>
           </property>
           <property name="icon">
            <iconset>
             <normaloff>360_img/toolWidget/qingLi.png</normaloff>360_img/toolWidget/qingLi.png</iconset>
           </property>
           <property name="iconSize">
            <size>
             <width>48</width>
             <height>48</height>
            </size>
           </property>
          </widget>
         </item>
         <item>
          <widget class="GToolButton" name="jiaSu">
           <property name="minimumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="maximumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="text">
            <string>優化加速</string>
           </property>
           <property name="icon">
            <iconset>
             <normaloff>360_img/toolWidget/jiaSu.png</normaloff>360_img/toolWidget/jiaSu.png</iconset>
           </property>
           <property name="iconSize">
            <size>
             <width>48</width>
             <height>48</height>
            </size>
           </property>
          </widget>
         </item>
         <item>
          <widget class="GToolButton" name="menZhen">
           <property name="minimumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="maximumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="text">
            <string>電腦專家</string>
           </property>
           <property name="icon">
            <iconset>
             <normaloff>360_img/toolWidget/menZhen.png</normaloff>360_img/toolWidget/menZhen.png</iconset>
           </property>
           <property name="iconSize">
            <size>
             <width>48</width>
             <height>48</height>
            </size>
           </property>
          </widget>
         </item>
         <item>
          <widget class="GToolButton" name="ruanJian">
           <property name="minimumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="maximumSize">
            <size>
             <width>73</width>
             <height>75</height>
            </size>
           </property>
           <property name="text">
            <string>軟件管理</string>
           </property>
           <property name="icon">
            <iconset>
             <normaloff>360_img/toolWidget/ruanJian.png</normaloff>360_img/toolWidget/ruanJian.png</iconset>
           </property>
           <property name="iconSize">
            <size>
             <width>48</width>
             <height>48</height>
            </size>
           </property>
          </widget>
         </item>
         <item>
          <spacer name="horizontalSpacer">
           <property name="orientation">
            <enum>Qt::Horizontal</enum>
           </property>
           <property name="sizeHint" stdset="0">
            <size>
             <width>40</width>
             <height>20</height>
            </size>
           </property>
          </spacer>
         </item>
         <item>
          <widget class="QLabel" name="logo">
           <property name="sizePolicy">
            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
             <horstretch>0</horstretch>
             <verstretch>0</verstretch>
            </sizepolicy>
           </property>
           <property name="minimumSize">
            <size>
             <width>140</width>
             <height>67</height>
            </size>
           </property>
           <property name="maximumSize">
            <size>
             <width>140</width>
             <height>67</height>
            </size>
           </property>
           <property name="text">
            <string/>
           </property>
           <property name="pixmap">
            <pixmap>360_img/logo.png</pixmap>
           </property>
          </widget>
         </item>
        </layout>
       </widget>
      </item>
     </layout>
    </widget>
   </item>
   <item>
    <widget class="QFrame" name="contentFrame">
     <property name="frameShape">
      <enum>QFrame::StyledPanel</enum>
     </property>
     <property name="frameShadow">
      <enum>QFrame::Raised</enum>
     </property>
     <layout class="QHBoxLayout" name="horizontalLayout_3">
      <property name="margin">
       <number>0</number>
      </property>
      <item>
       <widget class="QFrame" name="leftFrame">
        <property name="frameShape">
         <enum>QFrame::StyledPanel</enum>
        </property>
        <property name="frameShadow">
         <enum>QFrame::Raised</enum>
        </property>
        <layout class="QVBoxLayout" name="verticalLayout_3">
         <item>
          <layout class="QHBoxLayout" name="horizontalLayout_2">
           <property name="sizeConstraint">
            <enum>QLayout::SetMinimumSize</enum>
           </property>
           <property name="leftMargin">
            <number>30</number>
           </property>
           <property name="topMargin">
            <number>20</number>
           </property>
           <item alignment="Qt::AlignTop">
            <widget class="QLabel" name="label">
             <property name="sizePolicy">
              <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
               <horstretch>0</horstretch>
               <verstretch>0</verstretch>
              </sizepolicy>
             </property>
             <property name="minimumSize">
              <size>
               <width>158</width>
               <height>125</height>
              </size>
             </property>
             <property name="maximumSize">
              <size>
               <width>158</width>
               <height>125</height>
              </size>
             </property>
             <property name="text">
              <string/>
             </property>
             <property name="pixmap">
              <pixmap>360_img/contentWidget/computer.png</pixmap>
             </property>
             <property name="alignment">
              <set>Qt::AlignLeading|Qt::AlignLeft|Qt::AlignTop</set>
             </property>
            </widget>
           </item>
           <item>
            <layout class="QVBoxLayout" name="verticalLayout_2">
             <property name="spacing">
              <number>15</number>
             </property>
             <property name="topMargin">
              <number>20</number>
             </property>
             <item>
              <widget class="QLabel" name="suggest_label">
               <property name="text">
                <string>上次體檢良好，請保持每天體檢的習慣！</string>
               </property>
              </widget>
             </item>
             <item>
              <widget class="QLabel" name="system_safe_label">
               <property name="text">
                <string>上次體檢時間是一分鍾前，還有2個優化項可以優化。</string>
               </property>
              </widget>
             </item>
             <item>
              <spacer name="verticalSpacer_2">
               <property name="orientation">
                <enum>Qt::Vertical</enum>
               </property>
               <property name="sizeHint" stdset="0">
                <size>
                 <width>20</width>
                 <height>40</height>
                </size>
               </property>
              </spacer>
             </item>
            </layout>
           </item>
          </layout>
         </item>
         <item alignment="Qt::AlignHCenter|Qt::AlignVCenter">
          <widget class="QPushButton" name="power_button">
           <property name="sizePolicy">
            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
             <horstretch>0</horstretch>
             <verstretch>0</verstretch>
            </sizepolicy>
           </property>
           <property name="minimumSize">
            <size>
             <width>180</width>
             <height>70</height>
            </size>
           </property>
           <property name="maximumSize">
            <size>
             <width>180</width>
             <height>70</height>
            </size>
           </property>
           <property name="text">
            <string>立即體檢</string>
           </property>
           <property name="icon">
            <iconset>
             <normaloff>360_img/contentWidget/power.png</normaloff>360_img/contentWidget/power.png</iconset>
           </property>
           <property name="iconSize">
            <size>
             <width>35</width>
             <height>35</height>
            </size>
           </property>
          </widget>
         </item>
         <item>
          <spacer name="verticalSpacer">
           <property name="orientation">
            <enum>Qt::Vertical</enum>
           </property>
           <property name="sizeHint" stdset="0">
            <size>
             <width>20</width>
             <height>40</height>
            </size>
           </property>
          </spacer>
         </item>
        </layout>
       </widget>
      </item>
      <item>
       <widget class="QFrame" name="rightFrame">
        <property name="sizePolicy">
         <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
          <horstretch>0</horstretch>
          <verstretch>0</verstretch>
         </sizepolicy>
        </property>
        <property name="minimumSize">
         <size>
          <width>273</width>
          <height>0</height>
         </size>
        </property>
        <property name="frameShape">
         <enum>QFrame::StyledPanel</enum>
        </property>
        <property name="frameShadow">
         <enum>QFrame::Raised</enum>
        </property>
        <layout class="QVBoxLayout" name="verticalLayout_6">
         <property name="spacing">
          <number>0</number>
         </property>
         <property name="margin">
          <number>0</number>
         </property>
         <item>
          <widget class="QFrame" name="rightTopWidget">
           <property name="sizePolicy">
            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
             <horstretch>0</horstretch>
             <verstretch>0</verstretch>
            </sizepolicy>
           </property>
           <property name="minimumSize">
            <size>
             <width>250</width>
             <height>130</height>
            </size>
           </property>
           <property name="maximumSize">
            <size>
             <width>250</width>
             <height>130</height>
            </size>
           </property>
           <property name="frameShape">
            <enum>QFrame::StyledPanel</enum>
           </property>
           <property name="frameShadow">
            <enum>QFrame::Raised</enum>
           </property>
           <layout class="QVBoxLayout" name="verticalLayout_4">
            <property name="spacing">
             <number>0</number>
            </property>
            <property name="margin">
             <number>10</number>
            </property>
            <item>
             <layout class="QHBoxLayout" name="login_layout">
              <property name="spacing">
               <number>0</number>
              </property>
              <property name="leftMargin">
               <number>5</number>
              </property>
              <item>
               <widget class="QPushButton" name="login_button">
                <property name="minimumSize">
                 <size>
                  <width>240</width>
                  <height>60</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>240</width>
                  <height>60</height>
                 </size>
                </property>
                <property name="text">
                 <string>登錄我的360賬號</string>
                </property>
               </widget>
              </item>
             </layout>
            </item>
            <item>
             <layout class="QHBoxLayout" name="register_layout">
              <property name="spacing">
               <number>5</number>
              </property>
              <item>
               <spacer name="horizontalSpacer_2">
                <property name="orientation">
                 <enum>Qt::Horizontal</enum>
                </property>
                <property name="sizeHint" stdset="0">
                 <size>
                  <width>40</width>
                  <height>20</height>
                 </size>
                </property>
               </spacer>
              </item>
              <item>
               <widget class="QLabel" name="priv_label">
                <property name="text">
                 <string/>
                </property>
                <property name="pixmap">
                 <pixmap>360_img/contentWidget/priv.png</pixmap>
                </property>
               </widget>
              </item>
              <item>
               <widget class="QLabel" name="info_label">
                <property name="text">
                 <string>開啟炫動衛士圖標，</string>
                </property>
               </widget>
              </item>
              <item>
               <widget class="QPushButton" name="register_button">
                <property name="minimumSize">
                 <size>
                  <width>0</width>
                  <height>0</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>555</width>
                  <height>555</height>
                 </size>
                </property>
                <property name="cursor">
                 <cursorShape>PointingHandCursor</cursorShape>
                </property>
                <property name="text">
                 <string>10秒免費注冊</string>
                </property>
               </widget>
              </item>
              <item>
               <spacer name="horizontalSpacer_3">
                <property name="orientation">
                 <enum>Qt::Horizontal</enum>
                </property>
                <property name="sizeHint" stdset="0">
                 <size>
                  <width>40</width>
                  <height>20</height>
                 </size>
                </property>
               </spacer>
              </item>
             </layout>
            </item>
            <item>
             <layout class="QHBoxLayout" name="privilege_layout">
              <property name="spacing">
               <number>8</number>
              </property>
              <item>
               <spacer name="horizontalSpacer_4">
                <property name="orientation">
                 <enum>Qt::Horizontal</enum>
                </property>
                <property name="sizeHint" stdset="0">
                 <size>
                  <width>40</width>
                  <height>20</height>
                 </size>
                </property>
               </spacer>
              </item>
              <item>
               <widget class="QLabel" name="privilege_label">
                <property name="text">
                 <string>專享特權：</string>
                </property>
               </widget>
              </item>
              <item>
               <widget class="QPushButton" name="safe_button">
                <property name="minimumSize">
                 <size>
                  <width>16</width>
                  <height>16</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>16</width>
                  <height>16</height>
                 </size>
                </property>
                <property name="cursor">
                 <cursorShape>PointingHandCursor</cursorShape>
                </property>
                <property name="text">
                 <string/>
                </property>
                <property name="icon">
                 <iconset>
                  <normaloff>360_img/contentWidget/360.png</normaloff>360_img/contentWidget/360.png</iconset>
                </property>
               </widget>
              </item>
              <item>
               <widget class="QPushButton" name="tab_button">
                <property name="minimumSize">
                 <size>
                  <width>16</width>
                  <height>16</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>16</width>
                  <height>16</height>
                 </size>
                </property>
                <property name="cursor">
                 <cursorShape>PointingHandCursor</cursorShape>
                </property>
                <property name="text">
                 <string/>
                </property>
                <property name="icon">
                 <iconset>
                  <normaloff>360_img/contentWidget/tab.png</normaloff>360_img/contentWidget/tab.png</iconset>
                </property>
               </widget>
              </item>
              <item>
               <widget class="QPushButton" name="pet_button">
                <property name="minimumSize">
                 <size>
                  <width>16</width>
                  <height>16</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>16</width>
                  <height>16</height>
                 </size>
                </property>
                <property name="cursor">
                 <cursorShape>PointingHandCursor</cursorShape>
                </property>
                <property name="text">
                 <string/>
                </property>
                <property name="icon">
                 <iconset>
                  <normaloff>360_img/contentWidget/pet.png</normaloff>360_img/contentWidget/pet.png</iconset>
                </property>
               </widget>
              </item>
              <item>
               <widget class="QPushButton" name="lottery_button">
                <property name="minimumSize">
                 <size>
                  <width>16</width>
                  <height>16</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>16</width>
                  <height>16</height>
                 </size>
                </property>
                <property name="cursor">
                 <cursorShape>PointingHandCursor</cursorShape>
                </property>
                <property name="text">
                 <string/>
                </property>
                <property name="icon">
                 <iconset>
                  <normaloff>360_img/contentWidget/lottery.png</normaloff>360_img/contentWidget/lottery.png</iconset>
                </property>
               </widget>
              </item>
              <item>
               <widget class="QPushButton" name="cloud_five_button">
                <property name="minimumSize">
                 <size>
                  <width>16</width>
                  <height>16</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>16</width>
                  <height>16</height>
                 </size>
                </property>
                <property name="cursor">
                 <cursorShape>PointingHandCursor</cursorShape>
                </property>
                <property name="text">
                 <string/>
                </property>
                <property name="icon">
                 <iconset>
                  <normaloff>360_img/contentWidget/cloud_five.png</normaloff>360_img/contentWidget/cloud_five.png</iconset>
                </property>
               </widget>
              </item>
              <item>
               <widget class="QPushButton" name="caipiao_button">
                <property name="minimumSize">
                 <size>
                  <width>16</width>
                  <height>16</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>16</width>
                  <height>16</height>
                 </size>
                </property>
                <property name="cursor">
                 <cursorShape>PointingHandCursor</cursorShape>
                </property>
                <property name="text">
                 <string/>
                </property>
                <property name="icon">
                 <iconset>
                  <normaloff>360_img/contentWidget/caipiao.png</normaloff>360_img/contentWidget/caipiao.png</iconset>
                </property>
               </widget>
              </item>
              <item>
               <spacer name="horizontalSpacer_5">
                <property name="orientation">
                 <enum>Qt::Horizontal</enum>
                </property>
                <property name="sizeHint" stdset="0">
                 <size>
                  <width>40</width>
                  <height>20</height>
                 </size>
                </property>
               </spacer>
              </item>
             </layout>
            </item>
           </layout>
          </widget>
         </item>
         <item>
          <widget class="QFrame" name="right_center_widget">
           <property name="minimumSize">
            <size>
             <width>250</width>
             <height>90</height>
            </size>
           </property>
           <property name="maximumSize">
            <size>
             <width>250</width>
             <height>90</height>
            </size>
           </property>
           <property name="frameShape">
            <enum>QFrame::StyledPanel</enum>
           </property>
           <property name="frameShadow">
            <enum>QFrame::Raised</enum>
           </property>
           <layout class="QHBoxLayout" name="horizontalLayout_4">
            <property name="spacing">
             <number>0</number>
            </property>
            <property name="margin">
             <number>0</number>
            </property>
            <item>
             <widget class="QToolButton" name="fireproof_button">
              <property name="minimumSize">
               <size>
                <width>73</width>
                <height>73</height>
               </size>
              </property>
              <property name="maximumSize">
               <size>
                <width>73</width>
                <height>73</height>
               </size>
              </property>
              <property name="text">
               <string>木馬防火牆.</string>
              </property>
              <property name="icon">
               <iconset>
                <normaloff>360_img/contentWidget/fireproof.png</normaloff>360_img/contentWidget/fireproof.png</iconset>
              </property>
              <property name="iconSize">
               <size>
                <width>48</width>
                <height>48</height>
               </size>
              </property>
              <property name="toolButtonStyle">
               <enum>Qt::ToolButtonTextUnderIcon</enum>
              </property>
             </widget>
            </item>
            <item>
             <widget class="QLabel" name="line_label_1">
              <property name="minimumSize">
               <size>
                <width>1</width>
                <height>90</height>
               </size>
              </property>
              <property name="maximumSize">
               <size>
                <width>1</width>
                <height>90</height>
               </size>
              </property>
              <property name="text">
               <string/>
              </property>
             </widget>
            </item>
            <item>
             <widget class="QToolButton" name="triggerman_button">
              <property name="minimumSize">
               <size>
                <width>73</width>
                <height>73</height>
               </size>
              </property>
              <property name="maximumSize">
               <size>
                <width>73</width>
                <height>73</height>
               </size>
              </property>
              <property name="text">
               <string>360保鏢</string>
              </property>
              <property name="icon">
               <iconset>
                <normaloff>360_img/contentWidget/triggerman.png</normaloff>360_img/contentWidget/triggerman.png</iconset>
              </property>
              <property name="iconSize">
               <size>
                <width>48</width>
                <height>48</height>
               </size>
              </property>
              <property name="toolButtonStyle">
               <enum>Qt::ToolButtonTextUnderIcon</enum>
              </property>
             </widget>
            </item>
            <item>
             <widget class="QLabel" name="line_label_2">
              <property name="minimumSize">
               <size>
                <width>1</width>
                <height>90</height>
               </size>
              </property>
              <property name="maximumSize">
               <size>
                <width>1</width>
                <height>90</height>
               </size>
              </property>
              <property name="text">
               <string/>
              </property>
             </widget>
            </item>
            <item>
             <widget class="QToolButton" name="net_shop_button">
              <property name="minimumSize">
               <size>
                <width>73</width>
                <height>73</height>
               </size>
              </property>
              <property name="maximumSize">
               <size>
                <width>73</width>
                <height>73</height>
               </size>
              </property>
              <property name="text">
               <string>網購先賠</string>
              </property>
              <property name="icon">
               <iconset>
                <normaloff>360_img/contentWidget/net_shop.png</normaloff>360_img/contentWidget/net_shop.png</iconset>
              </property>
              <property name="iconSize">
               <size>
                <width>48</width>
                <height>48</height>
               </size>
              </property>
              <property name="toolButtonStyle">
               <enum>Qt::ToolButtonTextUnderIcon</enum>
              </property>
             </widget>
            </item>
           </layout>
          </widget>
         </item>
         <item>
          <widget class="QFrame" name="right_center_function_widget">
           <property name="sizePolicy">
            <sizepolicy hsizetype="Expanding" vsizetype="Expanding">
             <horstretch>0</horstretch>
             <verstretch>0</verstretch>
            </sizepolicy>
           </property>
           <property name="frameShape">
            <enum>QFrame::StyledPanel</enum>
           </property>
           <property name="frameShadow">
            <enum>QFrame::Raised</enum>
           </property>
           <layout class="QVBoxLayout" name="verticalLayout_5">
            <property name="spacing">
             <number>10</number>
            </property>
            <property name="margin">
             <number>0</number>
            </property>
            <item>
             <layout class="QHBoxLayout" name="h_layout">
              <property name="spacing">
               <number>0</number>
              </property>
              <property name="leftMargin">
               <number>10</number>
              </property>
              <property name="topMargin">
               <number>5</number>
              </property>
              <item>
               <widget class="QLabel" name="function_label">
                <property name="text">
                 <string>功能大全</string>
                </property>
               </widget>
              </item>
              <item>
               <spacer name="horizontalSpacer_6">
                <property name="orientation">
                 <enum>Qt::Horizontal</enum>
                </property>
                <property name="sizeHint" stdset="0">
                 <size>
                  <width>40</width>
                  <height>20</height>
                 </size>
                </property>
               </spacer>
              </item>
              <item>
               <widget class="QPushButton" name="more_button">
                <property name="minimumSize">
                 <size>
                  <width>50</width>
                  <height>25</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>50</width>
                  <height>25</height>
                 </size>
                </property>
                <property name="cursor">
                 <cursorShape>PointingHandCursor</cursorShape>
                </property>
                <property name="text">
                 <string>更多</string>
                </property>
               </widget>
              </item>
             </layout>
            </item>
            <item>
             <layout class="QGridLayout" name="gridLayout">
              <property name="leftMargin">
               <number>5</number>
              </property>
              <property name="rightMargin">
               <number>5</number>
              </property>
              <property name="bottomMargin">
               <number>5</number>
              </property>
              <property name="spacing">
               <number>0</number>
              </property>
              <item row="1" column="2">
               <widget class="QToolButton" name="auto_run_button">
                <property name="minimumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="text">
                 <string>開機加速</string>
                </property>
                <property name="icon">
                 <iconset>
                  <normaloff>360_img/contentWidget/auto_run.png</normaloff>360_img/contentWidget/auto_run.png</iconset>
                </property>
                <property name="iconSize">
                 <size>
                  <width>32</width>
                  <height>32</height>
                 </size>
                </property>
                <property name="toolButtonStyle">
                 <enum>Qt::ToolButtonTextUnderIcon</enum>
                </property>
               </widget>
              </item>
              <item row="0" column="1">
               <widget class="QToolButton" name="mobile_button">
                <property name="minimumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="text">
                 <string>手機助手</string>
                </property>
                <property name="icon">
                 <iconset>
                  <normaloff>360_img/contentWidget/mobile.png</normaloff>360_img/contentWidget/mobile.png</iconset>
                </property>
                <property name="iconSize">
                 <size>
                  <width>32</width>
                  <height>32</height>
                 </size>
                </property>
                <property name="toolButtonStyle">
                 <enum>Qt::ToolButtonTextUnderIcon</enum>
                </property>
               </widget>
              </item>
              <item row="2" column="2">
               <widget class="QToolButton" name="first_add_button">
                <property name="minimumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="text">
                 <string>系統急救箱</string>
                </property>
                <property name="icon">
                 <iconset>
                  <normaloff>360_img/contentWidget/first_add.png</normaloff>360_img/contentWidget/first_add.png</iconset>
                </property>
                <property name="iconSize">
                 <size>
                  <width>32</width>
                  <height>32</height>
                 </size>
                </property>
                <property name="toolButtonStyle">
                 <enum>Qt::ToolButtonTextUnderIcon</enum>
                </property>
               </widget>
              </item>
              <item row="0" column="2">
               <widget class="QToolButton" name="game_box_button">
                <property name="minimumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="text">
                 <string>游戲盒子</string>
                </property>
                <property name="icon">
                 <iconset>
                  <normaloff>360_img/contentWidget/game_box.png</normaloff>360_img/contentWidget/game_box.png</iconset>
                </property>
                <property name="iconSize">
                 <size>
                  <width>32</width>
                  <height>32</height>
                 </size>
                </property>
                <property name="toolButtonStyle">
                 <enum>Qt::ToolButtonTextUnderIcon</enum>
                </property>
               </widget>
              </item>
              <item row="2" column="1">
               <widget class="QToolButton" name="net_pretext_button">
                <property name="minimumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="text">
                 <string>360網盾</string>
                </property>
                <property name="icon">
                 <iconset>
                  <normaloff>360_img/contentWidget/net_pretext.png</normaloff>360_img/contentWidget/net_pretext.png</iconset>
                </property>
                <property name="iconSize">
                 <size>
                  <width>32</width>
                  <height>32</height>
                 </size>
                </property>
                <property name="toolButtonStyle">
                 <enum>Qt::ToolButtonTextUnderIcon</enum>
                </property>
               </widget>
              </item>
              <item row="2" column="0">
               <widget class="QToolButton" name="net_speed_button">
                <property name="minimumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="text">
                 <string>寬帶測速器</string>
                </property>
                <property name="icon">
                 <iconset>
                  <normaloff>360_img/contentWidget/net_speed.png</normaloff>360_img/contentWidget/net_speed.png</iconset>
                </property>
                <property name="iconSize">
                 <size>
                  <width>32</width>
                  <height>32</height>
                 </size>
                </property>
                <property name="toolButtonStyle">
                 <enum>Qt::ToolButtonTextUnderIcon</enum>
                </property>
               </widget>
              </item>
              <item row="0" column="0">
               <widget class="QToolButton" name="recovery_button">
                <property name="minimumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="text">
                 <string>文件恢復</string>
                </property>
                <property name="icon">
                 <iconset>
                  <normaloff>360_img/contentWidget/recovery.png</normaloff>360_img/contentWidget/recovery.png</iconset>
                </property>
                <property name="iconSize">
                 <size>
                  <width>32</width>
                  <height>32</height>
                 </size>
                </property>
                <property name="toolButtonStyle">
                 <enum>Qt::ToolButtonTextUnderIcon</enum>
                </property>
               </widget>
              </item>
              <item row="1" column="0">
               <widget class="QToolButton" name="desktop_button">
                <property name="minimumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="text">
                 <string>安全桌面</string>
                </property>
                <property name="icon">
                 <iconset>
                  <normaloff>360_img/contentWidget/desktop.png</normaloff>360_img/contentWidget/desktop.png</iconset>
                </property>
                <property name="iconSize">
                 <size>
                  <width>32</width>
                  <height>32</height>
                 </size>
                </property>
                <property name="toolButtonStyle">
                 <enum>Qt::ToolButtonTextUnderIcon</enum>
                </property>
               </widget>
              </item>
              <item row="1" column="1">
               <widget class="QToolButton" name="net_repair_button">
                <property name="minimumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="maximumSize">
                 <size>
                  <width>87</width>
                  <height>67</height>
                 </size>
                </property>
                <property name="text">
                 <string>斷網急救箱</string>
                </property>
                <property name="icon">
                 <iconset>
                  <normaloff>360_img/contentWidget/net_repair.png</normaloff>360_img/contentWidget/net_repair.png</iconset>
                </property>
                <property name="iconSize">
                 <size>
                  <width>32</width>
                  <height>32</height>
                 </size>
                </property>
                <property name="toolButtonStyle">
                 <enum>Qt::ToolButtonTextUnderIcon</enum>
                </property>
               </widget>
              </item>
              <item row="3" column="1">
               <spacer name="verticalSpacer_3">
                <property name="orientation">
                 <enum>Qt::Vertical</enum>
                </property>
                <property name="sizeHint" stdset="0">
                 <size>
                  <width>20</width>
                  <height>40</height>
                 </size>
                </property>
               </spacer>
              </item>
             </layout>
            </item>
           </layout>
          </widget>
         </item>
         <item>
          <widget class="QFrame" name="right_bottom_widget">
           <property name="sizePolicy">
            <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
             <horstretch>0</horstretch>
             <verstretch>0</verstretch>
            </sizepolicy>
           </property>
           <property name="minimumSize">
            <size>
             <width>260</width>
             <height>30</height>
            </size>
           </property>
           <property name="maximumSize">
            <size>
             <width>250</width>
             <height>30</height>
            </size>
           </property>
           <property name="frameShape">
            <enum>QFrame::StyledPanel</enum>
           </property>
           <property name="frameShadow">
            <enum>QFrame::Raised</enum>
           </property>
           <layout class="QHBoxLayout" name="horizontalLayout_5">
            <property name="spacing">
             <number>5</number>
            </property>
            <property name="leftMargin">
             <number>10</number>
            </property>
            <property name="topMargin">
             <number>0</number>
            </property>
            <property name="rightMargin">
             <number>10</number>
            </property>
            <property name="bottomMargin">
             <number>0</number>
            </property>
            <item>
             <widget class="QLabel" name="icon_label">
              <property name="minimumSize">
               <size>
                <width>16</width>
                <height>16</height>
               </size>
              </property>
              <property name="maximumSize">
               <size>
                <width>16</width>
                <height>16</height>
               </size>
              </property>
              <property name="text">
               <string/>
              </property>
              <property name="pixmap">
               <pixmap>360_img/contentWidget/cloud.png</pixmap>
              </property>
             </widget>
            </item>
            <item>
             <widget class="QLabel" name="connect_label">
              <property name="text">
               <string>成功連接至暈安全中心</string>
              </property>
             </widget>
            </item>
            <item>
             <spacer name="horizontalSpacer_7">
              <property name="orientation">
               <enum>Qt::Horizontal</enum>
              </property>
              <property name="sizeHint" stdset="0">
               <size>
                <width>40</width>
                <height>20</height>
               </size>
              </property>
             </spacer>
            </item>
            <item>
             <widget class="QLabel" name="version_label">
              <property name="minimumSize">
               <size>
                <width>60</width>
                <height>20</height>
               </size>
              </property>
              <property name="maximumSize">
               <size>
                <width>555</width>
                <height>555</height>
               </size>
              </property>
              <property name="text">
               <string/>
              </property>
              <property name="pixmap">
               <pixmap>360_img/contentWidget/version.png</pixmap>
              </property>
             </widget>
            </item>
            <item>
             <widget class="QPushButton" name="version_button">
              <property name="minimumSize">
               <size>
                <width>20</width>
                <height>20</height>
               </size>
              </property>
              <property name="maximumSize">
               <size>
                <width>20</width>
                <height>20</height>
               </size>
              </property>
              <property name="text">
               <string/>
              </property>
              <property name="icon">
               <iconset>
                <normaloff>360_img/contentWidget/version.png</normaloff>360_img/contentWidget/version.png</iconset>
              </property>
             </widget>
            </item>
           </layout>
          </widget>
         </item>
        </layout>
       </widget>
      </item>
     </layout>
    </widget>
   </item>
  </layout>
 </widget>
 <customwidgets>
  <customwidget>
   <class>GButton</class>
   <extends>QPushButton</extends>
   <header>gbutton.h</header>
  </customwidget>
  <customwidget>
   <class>GToolButton</class>
   <extends>QToolButton</extends>
   <header>gtoolbutton.h</header>
  </customwidget>
 </customwidgets>
 <resources/>
 <connections/>
</ui>

 

 

程序在360UI.rar中，運行可查看效果哦！ 

 

GQT開源項目簡介：

 A C++ GUI Framework Written by Like "Java"(Easily),Run as "C++" (High-Performance),And Show Perfect!

 

開源項目地址：

QQ討論群：101189702 （請注明GQT或Qt，C++等）

設計文檔：http://goo.gl/MM9E7j

PPT介紹（English）：http://goo.gl/pEKiE9

 

其他Demo程序（本博客包含了GQT載入UI支持的所有3種機制[Qt dll，XML和QML]）：

 

 實現的QQ登錄界面（基於dll載入方式）：

撲克牌翻轉效果（QML載入方式）：