diff --git a/QtTcpEx/ExTcpClient/ExTcpClient.pro b/QtTcpEx/ExTcpClient/ExTcpClient.pro
index 94f8e54..5225567 100644
--- a/QtTcpEx/ExTcpClient/ExTcpClient.pro
+++ b/QtTcpEx/ExTcpClient/ExTcpClient.pro
@@ -34,7 +34,25 @@ HEADERS += \
 FORMS += \
         ExTcpClient.ui
 
+macx {
+ICON = images/icon.icns
+}
+
+unix:!macx{
+# linux only
+}
+
+win32 {
+RC_ICONS = images/icon.ico
+}
+
 # Default rules for deployment.
 qnx: target.path = /tmp/$${TARGET}/bin
 else: unix:!android: target.path = /opt/$${TARGET}/bin
 !isEmpty(target.path): INSTALLS += target
+
+DISTFILES += \
+    images/Image2.jpg \
+    images/Image1.png \
+    images/Image4.png \
+    images/Image5.png
diff --git a/QtTcpEx/ExTcpClient/ExTcpClient.ui b/QtTcpEx/ExTcpClient/ExTcpClient.ui
index ecebee9..ad7579c 100644
--- a/QtTcpEx/ExTcpClient/ExTcpClient.ui
+++ b/QtTcpEx/ExTcpClient/ExTcpClient.ui
@@ -1,7 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
 <ui version="4.0">
  <class>ExTcpClient</class>
- <widget class="QMainWindow" name="ExTcpClient" >
-  <property name="geometry" >
+ <widget class="QMainWindow" name="ExTcpClient">
+  <property name="geometry">
    <rect>
     <x>0</x>
     <y>0</y>
@@ -9,16 +10,107 @@
     <height>300</height>
    </rect>
   </property>
-  <property name="windowTitle" >
+  <property name="windowTitle">
    <string>ExTcpClient</string>
   </property>
-  <widget class="QMenuBar" name="menuBar" />
-  <widget class="QToolBar" name="mainToolBar" />
-  <widget class="QWidget" name="centralWidget" />
-  <widget class="QStatusBar" name="statusBar" />
+  <widget class="QWidget" name="centralWidget">
+   <layout class="QVBoxLayout" name="verticalLayout">
+    <item>
+     <layout class="QHBoxLayout" name="horizontalLayout">
+      <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="labIP">
+        <property name="text">
+         <string>服务器地址:</string>
+        </property>
+        <property name="alignment">
+         <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QComboBox" name="comboBox">
+        <property name="editable">
+         <bool>true</bool>
+        </property>
+        <property name="currentText">
+         <string>127.0.0.1</string>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QLabel" name="labPort">
+        <property name="text">
+         <string>端口：</string>
+        </property>
+        <property name="alignment">
+         <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QSpinBox" name="spinBox">
+        <property name="maximum">
+         <number>65000</number>
+        </property>
+        <property name="value">
+         <number>10000</number>
+        </property>
+       </widget>
+      </item>
+     </layout>
+    </item>
+    <item>
+     <widget class="QPlainTextEdit" name="plainTextEdit"/>
+    </item>
+    <item>
+     <layout class="QHBoxLayout" name="horizontalLayout_2">
+      <item>
+       <widget class="QLineEdit" name="lineEdit"/>
+      </item>
+      <item>
+       <widget class="QPushButton" name="btnSenf">
+        <property name="text">
+         <string>发送</string>
+        </property>
+       </widget>
+      </item>
+     </layout>
+    </item>
+   </layout>
+  </widget>
+  <widget class="QMenuBar" name="menuBar">
+   <property name="geometry">
+    <rect>
+     <x>0</x>
+     <y>0</y>
+     <width>400</width>
+     <height>25</height>
+    </rect>
+   </property>
+  </widget>
+  <widget class="QToolBar" name="mainToolBar">
+   <attribute name="toolBarArea">
+    <enum>TopToolBarArea</enum>
+   </attribute>
+   <attribute name="toolBarBreak">
+    <bool>false</bool>
+   </attribute>
+  </widget>
  </widget>
- <layoutDefault spacing="6" margin="11" />
- <pixmapfunction></pixmapfunction>
+ <layoutdefault spacing="6" margin="11"/>
  <resources/>
  <connections/>
 </ui>
diff --git a/QtTcpEx/ExTcpClient/images/Image1.png b/QtTcpEx/ExTcpClient/images/Image1.png
new file mode 100644
index 0000000..c2c4e0d
Binary files /dev/null and b/QtTcpEx/ExTcpClient/images/Image1.png differ
diff --git a/QtTcpEx/ExTcpClient/images/Image2.jpg b/QtTcpEx/ExTcpClient/images/Image2.jpg
new file mode 100644
index 0000000..46070af
Binary files /dev/null and b/QtTcpEx/ExTcpClient/images/Image2.jpg differ
diff --git a/QtTcpEx/ExTcpClient/images/Image3.png b/QtTcpEx/ExTcpClient/images/Image3.png
new file mode 100644
index 0000000..c9045da
Binary files /dev/null and b/QtTcpEx/ExTcpClient/images/Image3.png differ
diff --git a/QtTcpEx/ExTcpClient/images/Image4.png b/QtTcpEx/ExTcpClient/images/Image4.png
new file mode 100644
index 0000000..0319033
Binary files /dev/null and b/QtTcpEx/ExTcpClient/images/Image4.png differ
diff --git a/QtTcpEx/ExTcpClient/images/Image5.png b/QtTcpEx/ExTcpClient/images/Image5.png
new file mode 100644
index 0000000..95ecf80
Binary files /dev/null and b/QtTcpEx/ExTcpClient/images/Image5.png differ
diff --git a/QtTcpEx/ExTcpClient/images/Image6.png b/QtTcpEx/ExTcpClient/images/Image6.png
new file mode 100644
index 0000000..d246ada
Binary files /dev/null and b/QtTcpEx/ExTcpClient/images/Image6.png differ
diff --git a/QtTcpEx/ExTcpClient/images/icon.icns b/QtTcpEx/ExTcpClient/images/icon.icns
new file mode 100755
index 0000000..4f20853
Binary files /dev/null and b/QtTcpEx/ExTcpClient/images/icon.icns differ
diff --git a/QtTcpEx/ExTcpClient/images/icon.ico b/QtTcpEx/ExTcpClient/images/icon.ico
new file mode 100755
index 0000000..0ee0568
Binary files /dev/null and b/QtTcpEx/ExTcpClient/images/icon.ico differ
diff --git a/QtTcpEx/ExTcpServer/ExTcpServer.pro b/QtTcpEx/ExTcpServer/ExTcpServer.pro
index 2a614cb..359cd8d 100644
--- a/QtTcpEx/ExTcpServer/ExTcpServer.pro
+++ b/QtTcpEx/ExTcpServer/ExTcpServer.pro
@@ -34,7 +34,25 @@ HEADERS += \
 FORMS += \
         ExTcpServer.ui
 
+macx {
+ICON = images/icon.icns
+}
+
+unix:!macx{
+# linux only
+}
+
+win32 {
+RC_ICONS = images/icon.ico
+}
+
 # Default rules for deployment.
 qnx: target.path = /tmp/$${TARGET}/bin
 else: unix:!android: target.path = /opt/$${TARGET}/bin
 !isEmpty(target.path): INSTALLS += target
+
+DISTFILES += \
+    images/Image2.jpg \
+    images/Image1.png \
+    images/Image3.png \
+    images/Image6.png
diff --git a/QtTcpEx/ExTcpServer/ExTcpServer.ui b/QtTcpEx/ExTcpServer/ExTcpServer.ui
index 5470fe7..bb4c7b7 100644
--- a/QtTcpEx/ExTcpServer/ExTcpServer.ui
+++ b/QtTcpEx/ExTcpServer/ExTcpServer.ui
@@ -1,24 +1,116 @@
+<?xml version="1.0" encoding="UTF-8"?>
 <ui version="4.0">
  <class>ExTcpServer</class>
- <widget class="QMainWindow" name="ExTcpServer" >
-  <property name="geometry" >
+ <widget class="QMainWindow" name="ExTcpServer">
+  <property name="geometry">
    <rect>
     <x>0</x>
     <y>0</y>
-    <width>400</width>
-    <height>300</height>
+    <width>517</width>
+    <height>314</height>
    </rect>
   </property>
-  <property name="windowTitle" >
+  <property name="windowTitle">
    <string>ExTcpServer</string>
   </property>
-  <widget class="QMenuBar" name="menuBar" />
-  <widget class="QToolBar" name="mainToolBar" />
-  <widget class="QWidget" name="centralWidget" />
-  <widget class="QStatusBar" name="statusBar" />
+  <widget class="QWidget" name="centralWidget">
+   <layout class="QVBoxLayout" name="verticalLayout">
+    <item>
+     <layout class="QHBoxLayout" name="horizontalLayout">
+      <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="labIP">
+        <property name="text">
+         <string>监听地址:</string>
+        </property>
+        <property name="alignment">
+         <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QComboBox" name="comboBox">
+        <property name="editable">
+         <bool>true</bool>
+        </property>
+        <property name="currentText">
+         <string>127.0.0.1</string>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QLabel" name="labPort">
+        <property name="text">
+         <string>端口：</string>
+        </property>
+        <property name="alignment">
+         <set>Qt::AlignRight|Qt::AlignTrailing|Qt::AlignVCenter</set>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <widget class="QSpinBox" name="spinBox">
+        <property name="maximum">
+         <number>65000</number>
+        </property>
+        <property name="value">
+         <number>10000</number>
+        </property>
+       </widget>
+      </item>
+     </layout>
+    </item>
+    <item>
+     <widget class="QPlainTextEdit" name="plainTextEdit"/>
+    </item>
+    <item>
+     <layout class="QHBoxLayout" name="horizontalLayout_2">
+      <item>
+       <widget class="QLineEdit" name="lineEdit"/>
+      </item>
+      <item>
+       <widget class="QPushButton" name="btnSenf">
+        <property name="text">
+         <string>发送</string>
+        </property>
+       </widget>
+      </item>
+     </layout>
+    </item>
+   </layout>
+  </widget>
+  <widget class="QMenuBar" name="menuBar">
+   <property name="geometry">
+    <rect>
+     <x>0</x>
+     <y>0</y>
+     <width>517</width>
+     <height>25</height>
+    </rect>
+   </property>
+  </widget>
+  <widget class="QToolBar" name="mainToolBar">
+   <attribute name="toolBarArea">
+    <enum>TopToolBarArea</enum>
+   </attribute>
+   <attribute name="toolBarBreak">
+    <bool>false</bool>
+   </attribute>
+  </widget>
  </widget>
- <layoutDefault spacing="6" margin="11" />
- <pixmapfunction></pixmapfunction>
+ <layoutdefault spacing="6" margin="11"/>
  <resources/>
  <connections/>
 </ui>
diff --git a/QtTcpEx/ExTcpServer/images/Image1.png b/QtTcpEx/ExTcpServer/images/Image1.png
new file mode 100644
index 0000000..c2c4e0d
Binary files /dev/null and b/QtTcpEx/ExTcpServer/images/Image1.png differ
diff --git a/QtTcpEx/ExTcpServer/images/Image2.jpg b/QtTcpEx/ExTcpServer/images/Image2.jpg
new file mode 100644
index 0000000..46070af
Binary files /dev/null and b/QtTcpEx/ExTcpServer/images/Image2.jpg differ
diff --git a/QtTcpEx/ExTcpServer/images/Image3.png b/QtTcpEx/ExTcpServer/images/Image3.png
new file mode 100644
index 0000000..c9045da
Binary files /dev/null and b/QtTcpEx/ExTcpServer/images/Image3.png differ
diff --git a/QtTcpEx/ExTcpServer/images/Image4.png b/QtTcpEx/ExTcpServer/images/Image4.png
new file mode 100644
index 0000000..0319033
Binary files /dev/null and b/QtTcpEx/ExTcpServer/images/Image4.png differ
diff --git a/QtTcpEx/ExTcpServer/images/Image5.png b/QtTcpEx/ExTcpServer/images/Image5.png
new file mode 100644
index 0000000..95ecf80
Binary files /dev/null and b/QtTcpEx/ExTcpServer/images/Image5.png differ
diff --git a/QtTcpEx/ExTcpServer/images/Image6.png b/QtTcpEx/ExTcpServer/images/Image6.png
new file mode 100644
index 0000000..d246ada
Binary files /dev/null and b/QtTcpEx/ExTcpServer/images/Image6.png differ
diff --git a/QtTcpEx/ExTcpServer/images/icon.icns b/QtTcpEx/ExTcpServer/images/icon.icns
new file mode 100755
index 0000000..4f20853
Binary files /dev/null and b/QtTcpEx/ExTcpServer/images/icon.icns differ
diff --git a/QtTcpEx/ExTcpServer/images/icon.ico b/QtTcpEx/ExTcpServer/images/icon.ico
new file mode 100755
index 0000000..0ee0568
Binary files /dev/null and b/QtTcpEx/ExTcpServer/images/icon.ico differ