Rectangle {
id: root
width: 100; height: 400;
color: "white"
Rectangle
{
id: hideButton
anchors { top: parent.top; bottom:parent.bottom; left:parent.left; }
width: 10
border.width: 0;
color: "lightblue"
Text {
id: hideButtonLabel
anchors.centerIn: parent;
text: "<"
}
MouseArea {
anchors.fill: parent;
onClicked: {
if(root.state == '') {
root.state = "minSize"
} else {
root.state = ''
}
}
}
}
ListModel {
id: featureButtonsModel
ListElement {
name: "图片"
}
ListElement {
name: "视频"
}
ListElement {
name: "音乐"
}
}
Component {
id:featureButtonsDelegate
Rectangle
{
id:wrapper;
width: wrapper.ListView.view.width;
height: Math.max(wrapper.ListView.view.height/wrapper.ListView.view.model.count,40);
color: "lightblue";
border.width: 0;
Text {
anchors.centerIn: parent;
text: model.name;
}
}
}
ListView
{
id:featureButtons
spacing: 2;
anchors { top:parent.top; //right:parent.right;
bottom:parent.bottom; left:hideButton.right; }
width: root.width - hideButton.width;
clip: true
model: featureButtonsModel
delegate:featureButtonsDelegate
}
states: [
State {
name: "minSize"
PropertyChanges {
target: hideButtonLabel
text: ">"
}
PropertyChanges {
target: root
width: 10;
}
}
]
transitions: [
Transition {
NumberAnimation { target: root; property: "width"; duration: 200; easing.type: Easing.InOutQuad }
}
]
}
忘了从哪里哪来的。。。。。。