basic shell with dual cols
This commit is contained in:
parent
bcb844977b
commit
5ff6790226
|
@ -1,5 +1,9 @@
|
||||||
# This file is used to ignore files which are generated
|
# This file is used to ignore files which are generated
|
||||||
# ----------------------------------------------------------------------------
|
# ----------------------------------------------------------------------------
|
||||||
|
.idea/
|
||||||
|
deploy/
|
||||||
|
rcc.cpp
|
||||||
|
rcc_cgo_linux_linux_amd64.go
|
||||||
|
|
||||||
*~
|
*~
|
||||||
*.autosave
|
*.autosave
|
||||||
|
|
|
@ -0,0 +1,64 @@
|
||||||
|
import QtQuick 2.0
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
height: parent.height
|
||||||
|
width: 300
|
||||||
|
anchors.top: parent.top
|
||||||
|
|
||||||
|
color: "#4a3458"
|
||||||
|
|
||||||
|
property alias model: list.model
|
||||||
|
|
||||||
|
ListView {
|
||||||
|
id: list
|
||||||
|
height: parent.height
|
||||||
|
width: parent.width
|
||||||
|
clip: true
|
||||||
|
|
||||||
|
delegate: Component {
|
||||||
|
id: groupsDelegate
|
||||||
|
|
||||||
|
Item {
|
||||||
|
width: ListView.view.width
|
||||||
|
height: 40
|
||||||
|
|
||||||
|
Column {
|
||||||
|
Text { color: "#a0a0a0"; text: '<b>' + title + '</b>' }
|
||||||
|
Text { color: "#a0a0a0"; text: groupid }
|
||||||
|
}
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
id: mouse_area1
|
||||||
|
z: 1
|
||||||
|
hoverEnabled: false
|
||||||
|
anchors.fill: parent
|
||||||
|
onClicked: {
|
||||||
|
list.currentIndex = index
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
section.property: "type"
|
||||||
|
section.delegate: Component {
|
||||||
|
id: groupsSectionDelegate
|
||||||
|
|
||||||
|
Item {
|
||||||
|
width: ListView.view.width
|
||||||
|
height: 20
|
||||||
|
//text: section
|
||||||
|
|
||||||
|
Column {
|
||||||
|
Text { color: "#a0a0a0"; text: section + " (" + section.count + ")"}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
highlight: Rectangle { color: "#ffffff"; radius: 5 }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -0,0 +1,44 @@
|
||||||
|
import QtQuick 2.0
|
||||||
|
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
|
||||||
|
color: "#381F47"
|
||||||
|
|
||||||
|
height: parent.height
|
||||||
|
width: 100
|
||||||
|
anchors.top: parent.top
|
||||||
|
anchors.left: parent.left
|
||||||
|
|
||||||
|
property alias model: list.model
|
||||||
|
|
||||||
|
|
||||||
|
ListView {
|
||||||
|
id: list
|
||||||
|
height: parent.height
|
||||||
|
width: parent.width
|
||||||
|
|
||||||
|
//highlight: Rectangle { border-color: "white"; radius: 5 }
|
||||||
|
|
||||||
|
delegate: Component {
|
||||||
|
id: profileDelegate
|
||||||
|
|
||||||
|
Item {
|
||||||
|
height: 100
|
||||||
|
width: 100
|
||||||
|
|
||||||
|
Column {
|
||||||
|
Rectangle { width: 80; height: 80; color: pcolor }
|
||||||
|
Text { color: "#a0a0a0"; text: name }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
16
main.cpp
16
main.cpp
|
@ -1,16 +0,0 @@
|
||||||
#include <QGuiApplication>
|
|
||||||
#include <QQmlApplicationEngine>
|
|
||||||
|
|
||||||
int main(int argc, char *argv[])
|
|
||||||
{
|
|
||||||
QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
|
|
||||||
|
|
||||||
QGuiApplication app(argc, argv);
|
|
||||||
|
|
||||||
QQmlApplicationEngine engine;
|
|
||||||
engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
|
|
||||||
if (engine.rootObjects().isEmpty())
|
|
||||||
return -1;
|
|
||||||
|
|
||||||
return app.exec();
|
|
||||||
}
|
|
69
main.qml
69
main.qml
|
@ -5,55 +5,30 @@ Window {
|
||||||
visible: true
|
visible: true
|
||||||
width: 1024
|
width: 1024
|
||||||
height: 800
|
height: 800
|
||||||
title: qsTr("Hello World")
|
title: qsTr("Bulletin")
|
||||||
|
|
||||||
ListView {
|
ProfilesColumn {
|
||||||
id: "navColumn"
|
id: profilesColumn
|
||||||
height: parent.height
|
model: profiles
|
||||||
width: 300
|
}
|
||||||
anchors.top: parent.top
|
|
||||||
anchors.left: parent.left
|
|
||||||
anchors.margins: 2
|
|
||||||
|
|
||||||
clip: true
|
GroupsColumn {
|
||||||
|
id: groupsColumn
|
||||||
model: groups
|
anchors.left: profilesColumn.right
|
||||||
|
model: groups
|
||||||
delegate: groupsDelegate
|
}
|
||||||
|
|
||||||
section.property: "type"
|
|
||||||
section.delegate: groupsSectionDelegate
|
|
||||||
|
|
||||||
highlight: Rectangle { color: "lightsteelblue"; radius: 5 }
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
Component {
|
|
||||||
id: groupsDelegate
|
|
||||||
|
|
||||||
Item {
|
|
||||||
width: ListView.view.width
|
|
||||||
height: 40
|
|
||||||
Column {
|
|
||||||
Text { text: '<b>' + title + '</b>' }
|
|
||||||
Text { text: groupid }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Component {
|
|
||||||
id: groupsSectionDelegate
|
|
||||||
|
|
||||||
BlueBox {
|
|
||||||
width: ListView.view.width
|
|
||||||
height: 20
|
|
||||||
text: section
|
|
||||||
fontColor: '#e0e0e0'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ListModel {
|
ListModel {
|
||||||
id: "groups"
|
id: profiles
|
||||||
|
|
||||||
|
ListElement {name: "alice"; onion: "710829b408e8b368273cbc20b07f1c0d"; pcolor: "#ff0000"}
|
||||||
|
ListElement {name: "bob"; onion: "a219b9740fc76367833cbc20b07d1cee"; pcolor: "#00ff00" }
|
||||||
|
ListElement {name: "carol"; onion: "930829b408e8b364563cbc20b07a6560"; pcolor: "#0000ff" }
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
ListModel {
|
||||||
|
id: groups
|
||||||
|
|
||||||
ListElement {type: "group"; title: "Work Friends"; groupid: "710829b408e8b368273cbc20b07f1c0d"}
|
ListElement {type: "group"; title: "Work Friends"; groupid: "710829b408e8b368273cbc20b07f1c0d"}
|
||||||
ListElement {type: "group"; title: "Cwtch Dev"; groupid: "a219b9740fc76367833cbc20b07d1cee" }
|
ListElement {type: "group"; title: "Cwtch Dev"; groupid: "a219b9740fc76367833cbc20b07d1cee" }
|
||||||
|
@ -62,4 +37,8 @@ Window {
|
||||||
ListElement {type: "bulletin"; title: "Vancouver Listings"; groupid: "890a47403e87368273cbc2ebf7f1cdc"}
|
ListElement {type: "bulletin"; title: "Vancouver Listings"; groupid: "890a47403e87368273cbc2ebf7f1cdc"}
|
||||||
ListElement {type: "bulletin"; title: "Game Discussions"; groupid: "cc45892408123879273ec2a435cc4234"}
|
ListElement {type: "bulletin"; title: "Game Discussions"; groupid: "cc45892408123879273ec2a435cc4234"}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue