qt qml Treeview使用记录--设置每个Item的图片logo,高度
这篇帮助很大:
https://blog.csdn.net/qq_32116695/article/details/81298585, 代码如下:
TreeView
{
id: viewTree
anchors.fill: parent
backgroundVisible: false
model: treeViewModel;
sortIndicatorVisible:true
style:TreeViewStyle{
backgroundColor: "#2B2F33"
textColor: "#666666" //这个是设置分层的时候那个小三角的颜色
itemDelegate:Rectangle{
color: "transparent" //背景设置透明,不然在选中行的时候会出现选中颜色就一半的情况
RowLayout{ //这边的话就看个人的具体需求了,我这边是需要实现 图片+文字
Image {
id: name
source: if(styleData.value != "默认")
{
if(styleData.selected)
"./Image/分屏视图/" + styleData.row +"_press.png"
else if(styleData.value == "1-画面")
"./Image/分屏视图/" +"1.png"
else if(styleData.value == "4-画面")
"./Image/分屏视图/" +"2.png"
else if(styleData.value == "9-画面")
"./Image/分屏视图/" +"3.png"
else if(styleData.value == "16-画面")
"./Image/分屏视图/" +"4.png"
}
else {""}
}
Text {
color: "#FEFEFE"
elide: styleData.elideMode
text: styleData.value
padding: 10
onTextChanged: {
root.currentItemIndex(styleData.index) //发出信号,这个信号自己定义
}
}
}
}
rowDelegate:Rectangle{
id: rowDel
color: styleData.selected ? "#595F69" : root.color;
height: 28
}
}
TableViewColumn { //添加一列
title: "Default"
role: "text" //这个role的名字要跟你在model中定义的列的名字一模一样,
width: root.width
resizable: false
}
headerVisible:false
horizontalScrollBarPolicy: Qt.ScrollBarAlwaysOff
onClicked: {
root.currentChildIndex(viewTree.currentIndex)
}
onDoubleClicked: {
root.currentChildIndex(viewTree.currentIndex)
}
}
qt qml Treeview使用记录--设置每个Item的图片logo,高度的更多相关文章
- QT qml TreeView展示数据结构于界面
Class QAbstractItemModel: 使用QML的TreeView类来展示树状的结构,对应的是QT的Model/View模型.这个model是一个数据模型,要为TreeView提供一个 ...
- Qt qml treeview 树控件
qml并没有提供树控件,只能自己写了.model仍然用ListModel对象,弄成层级的就行.delegate必须用loader动态的增加子控件,如此而已. [先看效果] [下载] http://do ...
- Qt开发的应用记录读取用户习惯设置的方法
Qt开发的应用记录读取用户习惯设置的方法 版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/w ...
- Qt qml的软件架构设计
google: qt qml application architecture 有很多资源. 1 https://www.ics.com/blog/multilayered-architecture- ...
- Qt qml listview 列表视图控件(下拉刷新、上拉分页、滚动轴)
Qt qml listview下拉刷新和上拉分页主要根据contentY来判断.但要加上顶部下拉指示器.滚动条,并封装成可简单调用的组件,着实花了我不少精力:) [先看效果] [功能] 下拉刷新 ...
- qt qml中PropertyAnimation的几种使用方法
qml文章 qt qml中PropertyAnimation的几种使用方法 动画应用场景有以下几种: 首先如果一个Rectangle.动画是要改变它的x和y值 1,Rectangle一旦被创建,就要移 ...
- qt qml 类型之Keys
Keys 类是 Qt Quick 提供的,专门供 Item 处理按键事件的类.它定义了很多针对特定按键的信号,比如 onReturnPressed / onEscapePressed / onDown ...
- Qt qml 单例模式
Qt qml 单例模式,没什么好说的,看代码吧.单例模式很适合做全局的配置文件. [示例下载] http://download.csdn.net/detail/surfsky/8539313 [以下是 ...
- qt qml qchart 图表组件
qt qml qchart 图表组件 * Author: Julien Wintz * Created: Thu Feb 13 23:41:59 2014 (+0100) 这玩意是从chart.js迁 ...
随机推荐
- 洛谷P2324 [SCOI2005] 骑士精神
题目 方法很多,最经典的是用搜索的算法,也就是\(IDA*\)算法搜索. \(IDA*\)算法是每次规定一个搜索深度,并在搜索的时候限制该搜索深度,从而达到把深搜的优点和广搜的优点结合起来优化时间的一 ...
- (27)打鸡儿教你Vue.js
v-for 数组参数的顺序 当含有index时,以前传递的参数顺序是: (index, value).现在(value, index) ready替换使用新的mounted钩子代替,通过使用mount ...
- 描述yeild作用
保存当前运行状态(断点),然后暂停执行,即将函数挂起 将yeild关键字后面表达式的值作为返回值返回,此时可以理解为起到了return的作用,当使用next().send()函数让函数从断点处继续执行 ...
- 10.2.1.1-NAT+PAT综合详解
- SQL中的xp_cmdshell拒绝访问
数据库备份作业的sql,,最后一步删除指定时间之前的文件夹.. 使用 xp_cmdshell 函数调用 RMDIR 命令删除过期文件夹,但返回拒绝访问.. 代码如下: DECLARE @PATH2 ...
- 【软工实践】Alpha冲刺(1/6)
链接部分 队名:女生都队 组长博客: 博客链接 作业博客:博客链接 小组内容 恩泽(组长) 过去两天完成了哪些任务 描述 了解了反馈机制的实现原理 确定好算法的框架 对接口的规范化进行学习 展示Git ...
- csapp网络编程初学笔记
csapp网络编程初学笔记 客户端-服务器编程模型 每个网络应用都是基于客户端-服务器模型,服务器管理某种资源,并且通过操作来为它的客户提供某种服务 客户端-服务器模型中的基本操作是transacti ...
- [Vue warn]: Avoid using non-primitive value as key
<el-select v-model="addform.province" placeholder="请选择省份" multiple> ...
- java MVEL2/Spring EL表达式、直接调用、反射性能实测
import java.io.Serializable; import java.lang.reflect.Field; import java.util.HashMap; import java.u ...
- Sizes of integer types 整形字节长度 系统字节
/usr/include/limits.h /* Copyright (C) 1991, 1992, 1996, 1997, 1998, 1999, 2000, 2005 Free Software ...