这篇帮助很大:

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,高度的更多相关文章

  1. QT qml TreeView展示数据结构于界面

    Class  QAbstractItemModel: 使用QML的TreeView类来展示树状的结构,对应的是QT的Model/View模型.这个model是一个数据模型,要为TreeView提供一个 ...

  2. Qt qml treeview 树控件

    qml并没有提供树控件,只能自己写了.model仍然用ListModel对象,弄成层级的就行.delegate必须用loader动态的增加子控件,如此而已. [先看效果] [下载] http://do ...

  3. Qt开发的应用记录读取用户习惯设置的方法

    Qt开发的应用记录读取用户习惯设置的方法 版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/w ...

  4. Qt qml的软件架构设计

    google: qt qml application architecture 有很多资源. 1 https://www.ics.com/blog/multilayered-architecture- ...

  5. Qt qml listview 列表视图控件(下拉刷新、上拉分页、滚动轴)

    Qt qml listview下拉刷新和上拉分页主要根据contentY来判断.但要加上顶部下拉指示器.滚动条,并封装成可简单调用的组件,着实花了我不少精力:) [先看效果]    [功能] 下拉刷新 ...

  6. qt qml中PropertyAnimation的几种使用方法

    qml文章 qt qml中PropertyAnimation的几种使用方法 动画应用场景有以下几种: 首先如果一个Rectangle.动画是要改变它的x和y值 1,Rectangle一旦被创建,就要移 ...

  7. qt qml 类型之Keys

    Keys 类是 Qt Quick 提供的,专门供 Item 处理按键事件的类.它定义了很多针对特定按键的信号,比如 onReturnPressed / onEscapePressed / onDown ...

  8. Qt qml 单例模式

    Qt qml 单例模式,没什么好说的,看代码吧.单例模式很适合做全局的配置文件. [示例下载] http://download.csdn.net/detail/surfsky/8539313 [以下是 ...

  9. qt qml qchart 图表组件

    qt qml qchart 图表组件 * Author: Julien Wintz * Created: Thu Feb 13 23:41:59 2014 (+0100) 这玩意是从chart.js迁 ...

随机推荐

  1. 数据结构实验之排序三:bucket sort (SDUT 3400)

    桶排序: #include <stdio.h> #include <string.h> int a[5555555]; int main() { int n,m; scanf( ...

  2. Java 基础:继承中的执行顺序

    1.单独的父类测试 Java中,new一个类的对象,类里面的静态代码块.非静态代码.无参构造方法.有参构造方法.类的一般方法等部分, 它们的执行顺序相对来说比较简单,用程序也很容易验证. 比如新建一个 ...

  3. MYSQL安装报错需要.NET4.0

    MySQL安装,提示需要.NET4.0 解决:下载安装.NET4.0即可 链接:https://pan.baidu.com/s/1u0e0lafBbR0QYEcXFsv9sQ 提取码:q6rr 复制这 ...

  4. 我为什么选择Vim

    总看到一些飞快敲击键盘而不用鼠标的时候你可以很羡慕和佩服,其实这完全没有必要.就像一个吉他手熟练地弹吉他有必要羡慕吗?一个瓦匠熟练地砌砖有必要羡慕吗?这些都是他们赖以生存的工具而已,熟练地运用工具是理 ...

  5. 第十六周助教工作总结——NWNU李泓毅

    助教博客链接:https://www.cnblogs.com/NWNU-LHY/ 本次作业的要求:团队项目设计完善&编码:https://www.cnblogs.com/nwnu-daizh/ ...

  6. 深度学习面试题13:AlexNet(1000类图像分类)

    目录 网络结构 两大创新点 参考资料 第一个典型的CNN是LeNet5网络结构,但是第一个引起大家注意的网络却是AlexNet,Alex Krizhevsky其实是Hinton的学生,这个团队领导者是 ...

  7. Flink实时处理并将结果写入ElasticSearch实战

    参考原博客: https://blog.csdn.net/weixin_44516305/article/details/90258883 1 需求分析 使用Flink对实时数据流进行实时处理,并将处 ...

  8. H.264与H.265视频压缩编码参考码率

  9. Linux下java进程CPU占用率高分析方法(二)

    1. 通过 top 命令查看当前系统CPU使用情况,定位CPU使用率超过100%的进程ID:2. 通过 ps aux | grep PID 命令进一步确定具体的线程信息:3. 通过 ps -mp pi ...

  10. Docker 容器日志分析

    查看容器日志 先使用  docker run -it --rm -d -p 80:80 nginx:1.15.8-alpine 命令启动一个nginx容器.如果没有异常,会得到容器ID如  d2408 ...