QML之Toou 2D 框架

QML之Toou 2D 框架

TAvatar(头像）

 TAvatar{
        width: 60;
        height: 60;
        source: "qrc:/res/2.jpg"
        radius: height / 2;
        border.width: 1;
        border.color: "#F56C6C"
    }

用图标、图片或者字符的形式展示用户或事物信息

TAwesomeIcon

超级流行的 Font Awesome icon
Column{
spacing: 15;

    Row{
        id:layout
        spacing: 18

        Repeater{
            model: [
                {s:TAwesomeType.FA_bus,c:"#46A0FC"},
                {s:TAwesomeType.FA_cog,c:"#46A0FC"},
                {s:TAwesomeType.FA_qq,c:"#6AC044"},
                {s:TAwesomeType.FA_github,c:"#6AC044"},
                {s:TAwesomeType.FA_google_plus_circle,c:"#E4A147"},
                {s:TAwesomeType.FA_coffee,c:"#E4A147"},
                {s:TAwesomeType.FA_flag,c:"#F36D6F"},
                {s:TAwesomeType.FA_facebook_official,c:"#F36D6F"}
            ];

            delegate: TAwesomeIcon{
                width: 25;
                height: 25;
                source: modelData.s;
                color: modelData.c;
            }
        }
    }
}

TBadge(标志）

出现在按钮、图标旁的数字或状态标记

   TButton{
            TBadge{
                id:b3
                value: 100
                max:99
                x:parent.width - width /2
                y:height / 2 * -1
            }

            onClicked:b3.value--;
        }

TBusyIndicator

加载数据时显示动效

TBusyIndicator{
    id:tbi
    anchors.centerIn: parent;
}

TButton

常用的操作按钮

TCarousel(轮播）

在有限空间内，循环播放同一类型的图片、文字等内容

TCheckBox

一组备选项中进行多选

TDialog

在保留当前页面状态的情况下，告知用户并承载相关操作

TDialogBasic

可以自定义弹出效果的Dialog

TDialogButton

嵌入在Dialog body 底部的操控按钮

TDividerLine

一条线段、分割线、底线

TFlickable

内容可拖拽，自带上下以及左右拖动进度条

TFpsMonitor

FPS监控，监控软件性能相当重要

TIcon

提供了一套常用的图标集合，根据source不同自动加载

TIconButton

带有icon的按钮

TImage

显示一张图像，可以是Qt支持的所有格式

TImageButton

使用图像来制作一个按钮

TInputField

接收鼠标或键盘输入字符

TLabel

呈现文本给用户

TMask

遮罩功能，可以指定给用户显示某一特定区域

TMouseArea

接收并相应鼠标以及触控区域

TNavigationBar

为应用提供导航功能

TObject

在Qt基础上加了一丢丢小改善

TPagination

当数据量过多时，使用分页分解数据。

TPopover

模态任意位置弹出框

TPopoverMenu

模态任意位置弹出菜单框

TPopup

显示了一个弹出式窗口，需要自定义body

TProgressBar

用于展示操作进度，告知用户当前状态和预期

TRadioBox

在一组备选项中进行单选

TRadioBoxGroup

管理一组RadioBox，组内只能选其一

TRectangle

矩形色块区域

TSVGIcon| Svg 图标

TScrollbarH

横向滚动条，可操控ListView,GridView,Flickablet等等

TScrollbarV

竖向滚动条，可操控ListView,GridView,Flickablet等等

TSwitch

表示两种相互对立的状态间的切换，多用于触发「开/关」

TTag 用于标记和选择

TToast

轻量级的消息反馈，以小弹框的形式出现