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
轻量级的消息反馈,以小弹框的形式出现