Bienvenue sur le forum !

Si vous souhaitez rejoindre la communauté, cliquez sur l'un de ces boutons !

Qt 5 : 5.9.0 - Qt Creator : 4.3.0 - Qt Installer : 2.0.3 - JOM : 1.1.2 - Qt Build suite : 1.7.0 - VS Qt 5 : 2.0.0

Créer Chat simplement en Qml

Bonjour

Je vais de nouveau partager un peu de code ]:D

Voici un code Qml qui permet de créer un Chat multi-utilisateur en peu de lignes.
Ce code utilise les objets exposés ChatMessageSender/ChatMessageListener de Zeecrowd.

import QtQuick 2.0
import QtQuick.Controls 1.0
import ZcClient 1.0 as Zc

Zc.AppView
{
id : mainView
anchors.fill : parent

toolBarActions : [
Action {
id: closeAction
iconSource: "qrc:/Chat/Close.png"
onTriggered: mainView.close();
}
]

Zc.CrowdActivity
{
id : zcCrowdActivity
onStarted : listView.model = listener.messages
}

Zc.ChatMessageSender { id : sender; subject : "mysubject" }
Zc.ChatMessageListener { id : listener; subject : "mysubject" }

ListView
{
id : listView
anchors.top : parent.top; anchors.left : parent.left; anchors.right : parent.right; anchors.bottom: input.top
spacing : 3

delegate :
Rectangle
{
height : 40; width : parent.width; radius : 5;
color : index % 2 ? "white" : "lightgrey"
Text
{
anchors.left: parent.left; anchors.leftMargin: 10; anchors.verticalCenter: parent;
height : 20; width : parent.width
font.pixelSize: 16
text : from + "(" + timeStamp.toString() + ") : " + body
}
}
}

TextField
{
id : input
height : 40
anchors.left: parent.left; anchors.leftMargin : 5; anchors.bottom : parent.bottom; anchors.right : parent.right
onAccepted: sender.sendMessage(input.text)
}

onLoaded : zcCrowdActivity.start();
onClosed : zcCrowdActivity.stop();
}

Si vous avez des questions n'hésitez pas :-)

Bonne journée

Réponses

Connectez-vous ou Inscrivez-vous pour répondre.