qml tableview红白间隔显示且行高可设置,并且cell 文字居中显示

本文提供了一个使用QML实现的表格视图示例,包括数据模型的定义及视图的基本配置,如列标题、行高和颜色样式等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >



工作人员,为什么效果图上传不了???

import QtQuick 2.6
import QtQuick.Window 2.2
import QtQuick.Controls 1.4

Item{
    width: 800; height: 600

    ListModel{
        id:libraryModel
        ListElement{title: "aaa"; author: "AAA"}
        ListElement{title: "bbb"; author: "BBB"}
        ListElement{title: "ccc"; author: "ccc"}
    }

    TableView{
        anchors.fill: parent
        model:libraryModel
        TableViewColumn{role:"title"; title: "Title"; width: 100}
        TableViewColumn{role:"author"; title: "Author"; width: 200}

        rowDelegate: Rectangle{
            height: 50
           color: styleData.selected?"blue":(styleData.alternate?"red":"white")
        }

        itemDelegate: Rectangle {
            height: 50
            color: "transparent"
          //  border.color: "black"
          //  border.width: 1
             Text {
                anchors.centerIn: parent
                // anchors.horizontalCenter: parent.horizontalCenter
                 color: styleData.textColor
               //  elide: styleData.elideMode
                 text: styleData.value
             }
         }
    }
}


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值