examples/QtQuick/bluetoothex/qml/bluetoothex/main.qml

import QtQuick 1.0

// Main window of the example.
ApplicationWindow {
    id: mainWindow

    // List view to display the output.
    ListView{
        id:listView
        width: parent.width
        height: parent.height-50
        model: listModel
        ListModel{id:listModel}
        // List view item is text with word wrap ON.
        delegate:
            Text{
            width: 360
            height: 50
            text: displayText
            wrapMode:Text.WrapAnywhere
        }

        MouseArea{
            id:displayTxtMouseArea
            anchors.fill: parent
            onClicked: {
                menuList.visible = false;
            }
        }
    }

    // Add options and exit button at the bottom of the window.
    Row{
        y:parent.height-50
        x:0
        width: parent.width
        height: 50
        Rectangle{
            id:optionsButton
            color: "blue"
            width: parent.width/2
            height: 50
            Text{
                id:menuTxt
                text: "Options"
                color: "white"
                anchors.centerIn: parent
            }
            OptionsMenu{id:menuList; visible: false; width: 300; height: 150; anchors.bottom:parent.top}
            MouseArea{
                id:menuMouseArea
                anchors.fill: parent
                onClicked: {
                    menuList.visible = true;
                    //menuList.
                }
            }

        }
        Rectangle{
            id:exitButton
            color: "firebrick"
            width: parent.width/2
            height: 50
            Text{
                id:exitTxt
                text: "Exit"
                color:"white"
                anchors.centerIn: parent
            }
            MouseArea{
                id:exitMouseArea
                anchors.fill: parent
                onClicked: {
                    Qt.quit();
                }
            }
        }
    }

    // Listen to connections, update the display text.
    Connections {
        target: bluetoothex
        onShowMessage: {
            if(aSeperator == true)
            listModel.append({'displayText': "........."})
            listModel.append({'displayText': aDisplayInfo})
        }
        onClearDisplay: {
            listModel.clear();
        }
    }
}

---