Bienvenue sur le forum !

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

Qt : 5.12.0 - Qt Creator : 4.8.0 - Qt Installer : 3.0.6 - JOM : 1.1.2 - QBS : 1.12.2

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

  • Je n'utilise pas Qml, mais le geste est touchant.

    Merci pour ton partage ! :)
  • Bonjour,

    J'ai des questions. Je compte refaire le visuel de mes chats dans Rolisteam pour avoir une vue QML, j'aimerai bien savoir comment vous avez fait un peu.

    Est-ce que les textes sont sélectionnables (à la souris), est-ce qu'il y a la possibilité de corriger un texte ? et Est-ce qu'il y a une gestion de smiley/emoji dans votre chat ?
Connectez-vous ou Inscrivez-vous pour répondre.