update Tables; update README

README-en.md

@@ -13,14 +13,20 @@
     - [Issue](#issue)
     - [Other status](#other-status)
   - [Some Demo Preview](#some-demo-preview)
-    - [Splash](#splash)
+    - [Main Page](#main-page)
     - [Change Skin](#change-skin)
-    - [Shutters](#shutters)
-    - [Chess](#chess)
-  - [All effect preview](#all-effect-preview)
-  - [Functions List](#functions-list)
-  - [Qt Version](#qt-version)
-  - [Install](#install)
+    - [Multi-Language](#multi-language)
+    - [Some Button Controls](#some-button-controls)
+    - [Data entry Controls](#data-entry-controls)
+    - [Table Controls](#table-controls)
+    - [Rect Drag Controls](#rect-drag-controls)
+    - [Wizard](#wizard)
+    - [ShaderToy-Snail](#shadertoy-snail)
+    - [ShaderToy-SuperMario](#shadertoy-supermario)
+  - [Environment](#environment)
+  - [Project Struct](#project-struct)
+  - [TaoQuick Core Library](#taoquick-core-library)
+  - [Use TaoQuick](#use-taoquick)
   - [Sponsorship](#sponsorship)
 
 # TaoQuick
@@ -116,35 +122,36 @@ make the appropriate function expansion to  facilitate development of Qml applic
 
 ### Main Page
 
-![](preview/main.png)
+![](preview/main-en.png)
 
 ### Change Skin
 
-![](preview/skin.png)
+![](preview/skin-en.png)
 
 ### Multi-Language
 
-![](preview/I18n.png)
+![](preview/I18n-en.png)
 
 ### Some Button Controls
 
-![](preview/Buttons.png)
+![](preview/Buttons-en.png)
 
 ### Data entry Controls
 
-![](preview/Data.png)
+![](preview/Data-en.png)
 
-### Rect Drag Controls
+### Table Controls
 
-![](preview/rect.png)
+![](preview/Table-en.png)
 
-### Animation effect: Arrow Flow
+### Rect Drag Controls
 
-![](preview/Arrow.png)
+![](preview/rect-en.png)
 
-### Animation effect: Byte Dancy
+### Wizard
 
-![](preview/byte.png)
+![](preview/wizard-en.png)
+![](preview/wizard.gif)
 
 ### ShaderToy-Snail
 

README.md

@@ -17,17 +17,24 @@
     - [仓库状态](#仓库状态)
     - [Issue](#issue)
     - [其它状态](#其它状态)
-  - [部分Demo效果预览](#部分demo效果预览)
-    - [启动界面](#启动界面)
-    - [动态换皮肤](#动态换皮肤)
-    - [百叶窗特效](#百叶窗特效)
-    - [棋盘特效](#棋盘特效)
-  - [全部效果预览](#全部效果预览)
+  - [部分效果预览](#部分效果预览)
+    - [主页](#主页)
+    - [换皮肤](#换皮肤)
+    - [多语言](#多语言)
+    - [各种按钮组件](#各种按钮组件)
+    - [数据输入组件](#数据输入组件)
+    - [表格组件](#表格组件)
+    - [矩形框组件](#矩形框组件)
+    - [用户向导](#用户向导)
+    - [动画特效-箭头流动](#动画特效-箭头流动)
+    - [动画特效-跟上节奏](#动画特效-跟上节奏)
+    - [ShaderToy-蜗牛](#shadertoy-蜗牛)
+    - [ShaderToy-超级玛丽](#shadertoy-超级玛丽)
   - [开发环境](#开发环境)
-  - [功能列表](#功能列表)
-  - [TaoQuick 安装和使用](#taoquick-安装和使用)
+  - [项目结构](#项目结构)
+  - [核心库 TaoQuick](#核心库-taoquick)
+  - [使用核心库TaoQuick](#使用核心库taoquick)
   - [联系作者](#联系作者)
-  - [关注作者动态](#关注作者动态)
   - [寻找同道中人](#寻找同道中人)
   - [赞助](#赞助)
   - [赞助列表](#赞助列表)
@@ -149,10 +156,19 @@
 
 ![](preview/Data.png)
 
+### 表格组件
+
+![](preview/Table.png)
+
 ### 矩形框组件
 
 ![](preview/rect.png)
 
+### 用户向导
+
+![](preview/wizard.png)
+![](preview/wizard.gif)
+
 ### 动画特效-箭头流动
 
 ![](preview/Arrow.png)

examples/TaoQuickShow/Contents/General/Tables.qml

@@ -5,12 +5,14 @@ import TaoQuick 1.0
 Item {
     anchors.fill: parent
 
-    Rectangle {
+    Item {
         id: mainItem
         width: 800
         height: 600
-        border.color: "steelblue"
-        anchors.centerIn: parent
+        anchors{
+            centerIn: parent
+            verticalCenterOffset: -100
+        }
         Row {
             spacing: 10
             CusLabel {
@@ -124,4 +126,36 @@ Item {
             }
         }
     }
+    Column {
+        anchors {
+            left: mainItem.left
+            top: mainItem.bottom
+            topMargin: 4
+        }
+        CusLabel {
+            text: qsTr("Table has these feature:") + trans.transString
+        }
+        CusLabel {
+            text: qsTr("    1. select by 'mouse click', 'Ctrl + click' for Multi-select, 'Shift + click' for Continue-select") + trans.transString
+        }
+        CusLabel {
+            text: qsTr("    2. mouse press and move can drag rect and select rows above rect") + trans.transString
+        }
+        CusLabel {
+            text: qsTr("    3. Ctrl + A for select all, Esc for deselect all") + trans.transString
+        }
+        CusLabel {
+            text: qsTr("    4. column width can be reset  by drag header splite line") + trans.transString
+        }
+        CusLabel {
+            text: qsTr("    5. Table can be sort by click header, click again switch Ascending or descending") + trans.transString
+        }
+
+        CusLabel {
+            text: qsTr("    6. Column 1 can be edit by double click, and update data to model after edit") + trans.transString
+        }
+        CusLabel {
+            text: qsTr("    7. fuzzy search") + trans.transString
+        }
+    }
 }

examples/TaoQuickShow/Trans/language_zh.json

@@ -544,6 +544,38 @@
         {
             "key": "special function buttons such as Wizard, View Source Code and so on",
             "value": "特殊功能的按钮，例如 向导按钮、查看源码按钮等等"
+        },
+        {
+            "key": "Table has these feature:",
+            "value": "表格具有以下特性:"
+        },
+        {
+            "key": "    1. select by 'mouse click', 'Ctrl + click' for Multi-select, 'Shift + click' for Continue-select",
+            "value": "  1、 鼠标点击选中，Ctrl + 鼠标点击 多选，Shift + 鼠标点击连续选中"
+        },
+        {
+            "key": "    2. mouse press and move can drag rect and select rows above rect",
+            "value": "  2、鼠标按下并移动，可以画框并框选"
+        },
+        {
+            "key": "    3. Ctrl + A for select all, Esc for deselect all",
+            "value": "  3、Ctrl + A 全选, Esc全反选"
+        },
+        {
+            "key": "    4. column width can be reset  by drag header splite line",
+            "value": "  4、拖动表头的间隔线可以重新设置列宽"
+        },
+        {
+            "key": "    5. Table can be sort by click header, click again switch Ascending or descending",
+            "value": "  5、表格可以点击表头进行排序,再次点击切换升序或降序"
+        },
+        {
+            "key": "    6. Column 1 can be edit by double click, and update data to model after edit",
+            "value": "  6、第一列可以双击编辑，编辑完成后能够把数据更新到model"
+        },
+        {
+            "key": "    7. fuzzy search",
+            "value": "  7、模糊查找"
         }
     ]
 }