diff --git a/README-en.md b/README-en.md index 599d45ca..d6ac6461 100644 --- a/README-en.md +++ b/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 diff --git a/README.md b/README.md index f3f7f6ee..985f24b2 100644 --- a/README.md +++ b/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) diff --git a/examples/TaoQuickShow/Contents/General/Tables.qml b/examples/TaoQuickShow/Contents/General/Tables.qml index e4513e67..9ba7e890 100644 --- a/examples/TaoQuickShow/Contents/General/Tables.qml +++ b/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 + } + } } diff --git a/examples/TaoQuickShow/Trans/language_zh.json b/examples/TaoQuickShow/Trans/language_zh.json index d11737a8..e2eb979c 100644 --- a/examples/TaoQuickShow/Trans/language_zh.json +++ b/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、模糊查找" } ] } diff --git a/preview/Buttons-en.png b/preview/Buttons-en.png new file mode 100644 index 00000000..0f71e4f7 Binary files /dev/null and b/preview/Buttons-en.png differ diff --git a/preview/Data-en.png b/preview/Data-en.png new file mode 100644 index 00000000..86b9d221 Binary files /dev/null and b/preview/Data-en.png differ diff --git a/preview/I18n-en.png b/preview/I18n-en.png new file mode 100644 index 00000000..565366c3 Binary files /dev/null and b/preview/I18n-en.png differ diff --git a/preview/I18n.png b/preview/I18n.png index 565366c3..ebde88bf 100644 Binary files a/preview/I18n.png and b/preview/I18n.png differ diff --git a/preview/Table-en.png b/preview/Table-en.png new file mode 100644 index 00000000..9fd2e845 Binary files /dev/null and b/preview/Table-en.png differ diff --git a/preview/Table.png b/preview/Table.png new file mode 100644 index 00000000..7a07982d Binary files /dev/null and b/preview/Table.png differ diff --git a/preview/main-en.png b/preview/main-en.png new file mode 100644 index 00000000..d456aaab Binary files /dev/null and b/preview/main-en.png differ diff --git a/preview/rect-en.png b/preview/rect-en.png new file mode 100644 index 00000000..f8a25c24 Binary files /dev/null and b/preview/rect-en.png differ diff --git a/preview/skin-en.png b/preview/skin-en.png new file mode 100644 index 00000000..6479a300 Binary files /dev/null and b/preview/skin-en.png differ diff --git a/preview/wizard-en.png b/preview/wizard-en.png new file mode 100644 index 00000000..586547de Binary files /dev/null and b/preview/wizard-en.png differ diff --git a/preview/wizard.gif b/preview/wizard.gif new file mode 100644 index 00000000..189c1ad9 Binary files /dev/null and b/preview/wizard.gif differ diff --git a/preview/wizard.png b/preview/wizard.png new file mode 100644 index 00000000..63d90614 Binary files /dev/null and b/preview/wizard.png differ