Mirrors/ScreenPlay
Mirrors/ScreenPlay
1
0
Fork 0
mirror of https://gitlab.com/kelteseth/ScreenPlay.git synced 2024-11-07 03:22:33 +01:00
Code Issues Projects Releases Activity

Add basic new style in qml

Browse Source
This commit is contained in:
kelteseth 2017-10-03 00:58:36 +02:00
parent 345c5fccd9
commit 5c384174a0
3 changed files with 92 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
qml/Components/Workshop.qml
View File

@ -14,6 +14,8 @@ CustomPage {
onWorkshopSearched:{
busyIndicator.running = false
txtBusyIndicator.visible = false
bannerTxt.text = workshopListModel.getBannerText()
bannerImg.source = workshopListModel.getBannerUrl();
}
}
@ -34,44 +36,88 @@ CustomPage {
anchors.horizontalCenter: parent.horizontalCenter
}
GridView {
id: gridView
boundsBehavior: Flickable.DragOverBounds
cacheBuffer: 1000
maximumFlickVelocity: 10000
anchors.fill: parent
cellWidth: 330
cellHeight: 200
anchors.margins: 30
model: workshopListModel
delegate: Rectangle {
color: "steelblue"
id:delegate
width: 180
height:100
focus: true
Image {
id: img
anchors.fill: parent
asynchronous: true
cache: true
source: workshopPreview
smooth: false
}
Text {
id: namea
anchors.fill: parent
text: workshopTitle
}
Rectangle {
id: banner
color: "#131313"
height: 250
anchors {
top: parent.top
right: parent.right
left:parent.left
}
Image {
id: bannerImg
anchors.fill: parent
fillMode: Image.PreserveAspectCrop
}
add: Transition {
NumberAnimation { property: "opacity"; from: 0; to: 1.0; duration: 400 }
Text {
id: bannerTxt
text: "loading"
font.pixelSize: 36
color: "white"
}
}
Item {
id: searchBar
height:70
anchors {
top: banner.bottom
right: parent.right
left:parent.left
}
}
Item {
anchors {
top: searchBar.bottom
right: parent.right
bottom: parent.bottom
left:parent.left
}
GridView {
id: gridView
boundsBehavior: Flickable.DragOverBounds
cacheBuffer: 1000
maximumFlickVelocity: 10000
anchors.fill: parent
cellWidth: 330
cellHeight: 200
anchors.margins: 30
model: workshopListModel
delegate: Rectangle {
color: "steelblue"
id:delegate
width: 180
height:100
focus: true
Image {
id: img
anchors.fill: parent
asynchronous: true
cache: true
source: workshopPreview
smooth: false
}
Text {
id: namea
anchors.fill: parent
text: workshopTitle
color:"white"
}
}
add: Transition {
NumberAnimation { property: "opacity"; from: 0; to: 1.0; duration: 400 }
}
}
}
}

10
src/steamworkshoplistmodel.cpp
View File

@ -63,6 +63,16 @@ void SteamWorkshopListModel::append(QString title, QUrl imgUrl)
endInsertRows();
}
QUrl SteamWorkshopListModel::getBannerUrl()
{
return m_workshopItemList.at(0)->m_previewImageUrl;
}
QString SteamWorkshopListModel::getBannerText()
{
return m_workshopItemList.at(0)->m_title;
}
bool SteamWorkshopListModel::setData(const QModelIndex &index, const QVariant &value, int role)
{
if (data(index, role) != value) {

2
src/steamworkshoplistmodel.h
View File

@ -30,6 +30,8 @@ public:
QVariant data(const QModelIndex& index, int role = Qt::DisplayRole) const override;
Q_INVOKABLE void append(QString title, QUrl imgUrl);
Q_INVOKABLE QUrl getBannerUrl();
Q_INVOKABLE QString getBannerText();
// Editable:
bool setData(const QModelIndex& index, const QVariant& value,