154 lines
4.6 KiB
QML
154 lines
4.6 KiB
QML
import QtQuick 2.0
|
|
import Sailfish.Silica 1.0
|
|
import QtMultimedia 5.0
|
|
|
|
|
|
Item {
|
|
property ListModel model
|
|
property double wRatio : 16/9
|
|
property double hRatio : 9/16
|
|
id: holder
|
|
width: width
|
|
height: height
|
|
Component.onCompleted: {
|
|
if (model && model.count && model.get(0).type === "video") {
|
|
while (model.count>1){
|
|
model.remove(model.count-1)
|
|
}
|
|
//console.log(JSON.stringify(model.get(0)))
|
|
}
|
|
|
|
switch(model.count){
|
|
case 1:
|
|
placeholder1.width = holder.width
|
|
placeholder1.height = placeholder1.width*hRatio
|
|
placeholder1.visible = true;
|
|
holder.height = placeholder1.height
|
|
break;
|
|
case 2:
|
|
placeholder1.visible = true;
|
|
placeholder2.visible = true;
|
|
placeholder1.width = (holder.width-Theme.paddingSmall)/2
|
|
placeholder1.height = placeholder1.width
|
|
placeholder2.width = placeholder1.width
|
|
placeholder2.height = placeholder1.width
|
|
placeholder2.x = placeholder1.width + placeholder2.x + Theme.paddingSmall
|
|
holder.height = placeholder1.height
|
|
break;
|
|
case 3:
|
|
placeholder1.visible = true;
|
|
placeholder2.visible = true;
|
|
placeholder3.visible = true;
|
|
placeholder4.visible = false;
|
|
|
|
placeholder1.width = holder.width - Theme.paddingSmall - Theme.itemSizeLarge;
|
|
placeholder1.height = Theme.itemSizeLarge*2+Theme.paddingSmall
|
|
|
|
placeholder2.width = Theme.itemSizeLarge;
|
|
placeholder2.height = placeholder2.width
|
|
placeholder2.x = placeholder1.x + placeholder1.width + Theme.paddingSmall;
|
|
break;
|
|
case 4:
|
|
placeholder1.visible = true;
|
|
placeholder2.visible = true;
|
|
placeholder3.visible = true;
|
|
placeholder4.visible = true;
|
|
|
|
placeholder1.width = placeholder2.width = placeholder3.width = placeholder4.width = (holder.width - 3*Theme.paddingSmall)/4
|
|
placeholder1.height = placeholder2.height = placeholder3.height = placeholder4.height = Theme.itemSizeLarge*2+Theme.paddingSmall
|
|
placeholder2.x = 1*(placeholder1.width)+ 1*Theme.paddingSmall;
|
|
placeholder3.x = 2*(placeholder1.width)+ 2*Theme.paddingSmall;
|
|
placeholder4.x = 3*(placeholder1.width)+ 3*Theme.paddingSmall;
|
|
|
|
|
|
holder.height = placeholder1.height
|
|
break;
|
|
default:
|
|
holder.height = 0
|
|
}
|
|
}
|
|
|
|
|
|
|
|
MyImage {
|
|
id: placeholder1
|
|
width: 2
|
|
height: 1
|
|
opacity: pressed ? 0.6 : 1
|
|
visible: {
|
|
if (model && model.count){
|
|
type = model.get(0).type
|
|
previewURL = model.get(0).preview_url
|
|
mediaURL = model.get(0).url
|
|
height = 200
|
|
return true
|
|
} else {
|
|
height = 0
|
|
return false
|
|
}
|
|
}
|
|
Image {
|
|
visible: model.count && (model.get(0).type === "video" || model.get(0).type === "gifv")
|
|
anchors.centerIn: parent
|
|
source: "image://theme/icon-l-play"
|
|
}
|
|
}
|
|
MyImage {
|
|
id: placeholder2
|
|
width: 2
|
|
height: 1
|
|
opacity: pressed ? 0.6 : 1
|
|
visible: {
|
|
if (model && model.count && model.get(1)){
|
|
type = model.get(1).type
|
|
previewURL = model.get(1).preview_url
|
|
mediaURL = model.get(1).url
|
|
height = 200
|
|
return true
|
|
} else {
|
|
height = 0
|
|
return false
|
|
}
|
|
}
|
|
}
|
|
MyImage {
|
|
id: placeholder3
|
|
width: 2
|
|
height: 1
|
|
opacity: pressed ? 0.6 : 1
|
|
visible: {
|
|
if (model && model.count && model.get(2)){
|
|
type = model.get(2).type
|
|
previewURL = model.get(2).preview_url
|
|
mediaURL = model.get(2).url
|
|
height = 200
|
|
return true
|
|
} else {
|
|
height = 0
|
|
return false
|
|
}
|
|
}
|
|
}
|
|
MyImage {
|
|
id: placeholder4
|
|
width: 2
|
|
height: 1
|
|
opacity: pressed ? 0.6 : 1
|
|
visible: {
|
|
if (model && model.count && model.get(3)){
|
|
type = model.get(3).type
|
|
previewURL = model.get(3).preview_url
|
|
mediaURL = model.get(3).url
|
|
height = 200
|
|
return true
|
|
} else {
|
|
height = 0
|
|
return false
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|