import QtQuick 2.3
import QtQuick.Controls 1.2
import QtQuick.Window 2.2

ApplicationWindow {
    title: qsTr("ListView")
    width: 240
    height: 320

    ListModel {
        id:lmodel
        ListElement {
            name: "Bill Smith"
            number: "555 3264"
        }
        ListElement {
            name: "John Brown"
            number: "555 8426"
        }
        ListElement {
            name: "Sam Wise"
            number: "555 0473"
        }
    }

    Component {
        id: contactDelegate
        Item {
            width: 180; height: 40
            Column {
                Text { text: '<b>Name:</b> ' + name }
                Text { text: '<b>Number:</b> ' + number }
            }
        }
    }

    ListView {
        anchors.fill: parent
        model: lmodel
        delegate: contactDelegate
        highlight: Rectangle { color: "lightsteelblue"; radius: 5 }
        focus: true
        header: Rectangle{
            color:"orange"
            width: 180; height: 40
            Text { text: '<b>Header:</b> ' }
        }
        headerPositioning: ListView.OverlayHeader;
        footer: Rectangle{
            color:"orange"
            width: 180; height: 40
            Text { text: '<b>Footer:</b> ' }
        }
        footerPositioning: ListView.OverlayHeader;
    }
    FontMetrics {
        id: fontMetrics
        font.family: "Arial"
    }

    Rectangle {
        width: fontMetrics.height * 4
        height: fontMetrics.height * 2
        color: "red"
    }

    TextMetrics {
        id: textMetrics
        font.family: "Arial"
        elide: Text.ElideMiddle
        elideWidth: 100
        text: "Hello World"
    }

    Text {
        text: textMetrics.elidedText
    }
}