Home

Awesome

Toou 2D - To facilitate the use and created for simplicity!

Hereinafter referred to as "T2D", Qt(quick) 2D lightweight framework crafted by the Toou team, is written using its own interface specifications and can be used for free for commercial software and open source projects. Concise code structure is easy to expand and modify, The performance and dynamics of the application are perfectly considered, solve the problem of few components, large volume, no theme package. The T2D use threshold is extremely low without in-depth study to get it right away.Every detail from the core code to the component API is carefully crafted to make it ideal for rapid development of the application interface.

::: What are his advantages

  1. Dozens of components to meet your different development needs
  2. Support for dynamic library, static library multi-mode compilation
  3. Qml plug-in is installed automatically without any environment setup
  4. All components support Theme feature
  5. Themes can be easily configured in the INI file
  6. Efficient running of switching theme without delay
  7. Better performance with Toou2D without Controls and Controls2
  8. Support for Font Awesome, Svg Icon
  9. Rich Demo for learning and reference, T2D is easier to get started with
  10. Support the use of local API documentation and network API documentation
  11. Planning a long-term open source route is clearandof and long-term maintenance is safe to use
  12. Inherit Qt cross-platform features and follow Qt syntax specification
  13. Let's create a better tomorrow together :)

::: These open source demos were developed using T2D

::: Start with running Example

Qt 5.6 or later is required.

  1. Turn the project clone locally and open Toou-2D.pro using Qt creator

T2D support for macOS, Windows Build, can be published to macOS, Windows, iOS, Android and other multi-platform.

::: What components did T2D develop

ComponentDescription
TAvatarUsed to display user icon or rounded corner pictures
TawesomeIconFont Awesome icon
TBadgeNumbers or status markers that appear next to buttons, icons, or status tags
TBusyIndicatorShow dynamics when loading data
TButtonCommon action buttons
TCarouselIn a limited space, loop through the same type of pictures, text, and more
TCheckBoxMulti-select in a set of alternatives
TDialogInform the user and host the relevant action while retaining the current page state.
TDialogBasicwhich can customize the pop-up effects
TDialogButtonManipulation buttons embedded in the bottom of Dialog body
TDividerLineA line that divides content
TFlickableContent can be dragged, With horizontal and vertical scrollbars
TFpsMonitorMonitor current usage of FPS
TIconLoad automatically depending on source
TIconButtonYou can add icon buttons
TImageQt supports all format image files
TImageButtonUse images to make a button
TInputFieldReceives keyboard input characters
TLabelDisplays a text content
TMaskYou can specify a specified area to display to the user
TMouseAreaReceiving and corresponding mouse and touch area
TSandBarProvide navigation for applications
TObjectImproved QtObject
TPaginationPaging or shredding data
TPopoverModal, arbitrary position pop-up item
TPopoverMenuShape-out menu boxes anywhere
TPopupshows a pop-up window that requires a custom body
TProgressBarUsed to show the progress of a task
TRadioBoxSelect one of a set of alternatives
TRadioBoxGroupManage RadioBox. Only one can be selected in the group
TRectangleA rectangle with color
TSVGIconSvg icon,We did a lot of optimizations
TScrollbarHHorizontal scroll bars, controlable ListView, GridView, Flickablet, and more
TScrollbarVVertical scroll bar,Apply to ListView or GridView or Flickablet
TSwitchRepresents a switch between two opposing states
TTagUsed for marking and selection
TToastLightweight message feedback, in the form of little bullet boxes
...The new version will be more exciting :)

::: How to make a theme pack

The T2D topic data is all defined in the ini file. The ini file configuration can be written inside or outside the application. Ini node properties and simple general rules can be modified to achieve the theme production.

In example, we have made two skins for you to use. An App without skin has no vitality.

::: How do you bind theme styles

TThemeBinder lets components bind with theme-style data:

//!When the theme changes,This Rectangle will change the width and color
//!It does not break the original binding of rect
Rectangle{
    id:rect;
    width : parent.width;
    height: 100;
    color : "red";

    TThemeBinder{
        id:theme
        className: "Myrect"
        property alias color:  rect.color;
        property alias width:  rect.width;
    }
}

::: T2D api docs

We provide online and offline documentation。Offline document support Qt Creator(F1) or Qt Assistant

::: Compatibility

Windows 7OKWindows 10OKiOS iPad miniOK
macOS 10.12OKmacOS 10.14OKiOS iPhone XROK
Android Huawei 4.4OKAndroid Mi 7.0OKiOS iPhone 8 plusOK
Android Mi Pad 8.0OKAndroid vivo 8.0OKiOS iPhone 6OK

::: Development planning route

::: The last thing I want to say

Toou Please give us encouragement add star!~