61 lines
2.2 KiB
QML
61 lines
2.2 KiB
QML
import QtQuick
|
|
import QtQuick.Layouts
|
|
import QtQuick.Controls
|
|
import RibbonUI
|
|
|
|
Item {
|
|
id: root
|
|
implicitHeight: layout.height + layout.anchors.margins * 2
|
|
implicitWidth: 500
|
|
ColumnLayout{
|
|
id: layout
|
|
width: parent.width - anchors.margins * 2
|
|
anchors.centerIn: parent
|
|
anchors.margins: 30
|
|
RibbonText{
|
|
Layout.alignment: Qt.AlignHCenter
|
|
text: qsTr("Message List View Example")
|
|
font.pixelSize: 20
|
|
}
|
|
RibbonMessageListView{
|
|
id: view
|
|
auto_scroll_to_bottom: true
|
|
Layout.preferredHeight: 500
|
|
Layout.preferredWidth: parent.width
|
|
delegate: RibbonMessage{
|
|
id: msg
|
|
sender_text: `${model.time} ${model.recieved ? qsTr('Recieved') : qsTr('Sent')}`
|
|
RibbonText{
|
|
font.pixelSize: msg.font_size
|
|
color: RibbonTheme.dark_mode ? "white" : !model.recieved ? "white" : "black"
|
|
text: model.text ? model.text : ""
|
|
visible: model.text ? true : false
|
|
Layout.preferredWidth: implicitWidth < (view.width / 2 - padding) ? implicitWidth : (view.width / 2 - padding)
|
|
wrapMode: RibbonText.Wrap
|
|
}
|
|
}
|
|
}
|
|
RowLayout{
|
|
Layout.alignment: Qt.AlignHCenter
|
|
RibbonButton{
|
|
icon_source: RibbonIcons.AddCircle
|
|
text: qsTr('Add Message')
|
|
onClicked: {
|
|
view.message_model.append({
|
|
time: Qt.formatDateTime(new Date(), "yyyy-MM-dd hh:mm:ss.zzz"),
|
|
text: String(Math.random()*10),
|
|
recieved: (Math.floor(Math.random()*10))%2===0,
|
|
})
|
|
}
|
|
}
|
|
RibbonButton{
|
|
icon_source: RibbonIcons.DismissCircle
|
|
text: qsTr('Clear Message')
|
|
onClicked: {
|
|
view.message_model.clear()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|