ListView, выход за границы родительского Rectangle, Item'ы выходят за переделы Rectangle Опции Подписка на тему Сообщить другу Версия для печати Скачать тему Подписка на этот форум Режимы отображения Переключить на: Древовидный Стандартный Переключить на: Линейный

[zoonman]

Думаю лучше один раз увидеть скриншот



Это отрисовка основного списка. Извиняюсь за огромную модель, но без нее проблема не очевидна.

Раскрывающийся текст

// import QtQuick 1.0 // to target S60 5th Edition or Maemo 5
import QtQuick 1.1

Rectangle {
    width: parent.width - x -5
    height: parent.height - 250
    color: "#6e2535"
    radius: 10
    border.color: "#50000000"

    Component {
                id: highlight
                Rectangle {
                    width: parent.width; height: 32
                    color: "#2e262c"; radius: 5

                    y: list_view1.currentItem.y
/*
                    Behavior on y {
                        SpringAnimation {
                                                        spring: 10
                                                        damping: 0.6
                                                        velocity: 100000
                                                }


                    }*/
                }
            }

    Rectangle {
           id: scrollbar
           anchors.right: list_view1.right
           y: list_view1.visibleArea.yPosition * list_view1.height
           width: 10
           height: list_view1.visibleArea.heightRatio * list_view1.height
           color: "#fff"
           opacity: 0.1
           z: 3
           radius: 5
       }

    ListView {
                id: list_view1
                highlightRangeMode: ListView.ApplyRange
                preferredHighlightBegin: list_view1.height/2 - 36
                preferredHighlightEnd: list_view1.height/2 + 36
                keyNavigationWraps: true
                focus: true
                highlightFollowsCurrentItem: false
                maximumFlickVelocity: 5000 // влияет на скорость скроллинга
                highlight: highlight
                boundsBehavior: Flickable.StopAtBounds
                transformOrigin: Item.Top
                cacheBuffer: 10000
                width: parent.width
                height: parent.height
                contentWidth: parent.width-22
                contentHeight: 300

                delegate: Item {
                    x: 5
                    height: 32
                    focus: true
                    id: item1
                    Row {
                        id: row1
                        Rectangle {
                            width: parent.width
                            height: 32
                            border.color: "#000000"
                            border.width: 1
                            Image {
                                x:2
                                y:4
                                id: nameImage
                                width: 24
                                height: 24
                                source: ((sourcePath) ?    sourcePath : "../../music/Afrojack/cover.jpeg")
                                smooth: true
                            }

                            Text {
                                focus: true
                                x: 32
                                text: name
                                id: playlistTitle
                                anchors.verticalCenter: parent.verticalCenter
                                font.pointSize: 18
                                MouseArea {
                                    focus: true
                                    anchors.fill: parent
                                    onClicked: {
                                        list_view1.highlightMoveSpeed  = 10000
                                        list_view1.currentIndex = index;
                                    }
                                }
                                color: "#f6d7b1"
                            }

                            Rectangle {
                                x:100
                                width: parent.width - 100
                                height: parent.height- 2
                                anchors.fill: parent
                                border.color: "#000000"
                            }
                        }
                    }
                }
                model: ListModel {
                    id: myModel
                        ListElement {
                            name: "Pendulum - The Island"
                            colorCode: "grey"
                            sourcePath: "../../music/Selena Gomez/cover.jpeg"
                        }

                        ListElement {
                            name:"Ирина Салтыкова - Trust In You"
                            colorCode: "red"
                            sourcePath: "../../music/Ирина Салтыкова/cover.jpeg"
                        }

                        ListElement {
                            name: "Selena Gomez & The Scene - Who Says (Bimbo Jones Radio Edit)"
                            colorCode: "blue"
                        }

                        ListElement {
                            name: "Green"
                            colorCode: "green"
                        }

                        ListElement {
                            name: "Pendulum - The Island"
                            colorCode: "grey"
                            sourcePath: "../../music/Selena Gomez/cover.jpeg"
                        }

                        ListElement {
                            name:"The Offspring - Trust In You"
                            colorCode: "red"
                            sourcePath: "../../music/Ирина Салтыкова/cover.jpeg"
                        }

                        ListElement {
                                name: "Selena Gomez & The Scene - Who Says (Bimbo Jones Radio Edit)"
                                colorCode: "blue"
                        }
                        ListElement {
                                name: "Pendulum - The Island"
                                colorCode: "grey"
                                sourcePath: "../../music/Selena Gomez/cover.jpeg"
                        }

                        ListElement {
                                name:"Ирина Салтыкова"
                                colorCode: "red"
                                sourcePath: "../../music/Ирина Салтыкова/cover.jpeg"
                        }

                        ListElement {
                                name: "Selena Gomez & The Scene - Who Says (Bimbo Jones Radio Edit)"
                                colorCode: "blue"
                        }
                        ListElement {
                                name: "Grey"
                                colorCode: "grey"
                        }

                        ListElement {
                                name: "Red"
                                colorCode: "red"
                        }

                        ListElement {
                                name: "Blue"
                                colorCode: "blue"
                        }

                        ListElement {
                                name: "Green"
                                colorCode: "green"
                        }
                        ListElement {
                                name: "Grey"
                                colorCode: "grey"
                        }

                        ListElement {
                            name: "Pendulum - The Island"
                            colorCode: "grey"
                            sourcePath: "../../music/Selena Gomez/cover.jpeg"
                        }

                        ListElement {
                            name:"Ирина Салтыкова - Trust In You"
                            colorCode: "red"
                            sourcePath: "../../music/Ирина Салтыкова/cover.jpeg"
                        }

                        ListElement {
                            name: "Selena Gomez & The Scene - Who Says (Bimbo Jones Radio Edit)"
                            colorCode: "blue"
                        }

                        ListElement {
                            name: "Green"
                            colorCode: "green"
                        }

                        ListElement {
                            name: "Pendulum - The Island"
                            colorCode: "grey"
                            sourcePath: "../../music/Selena Gomez/cover.jpeg"
                        }

                        ListElement {
                            name:"The Offspring - Trust In You"
                            colorCode: "red"
                            sourcePath: "../../music/Ирина Салтыкова/cover.jpeg"
                        }

                        ListElement {
                                name: "Selena Gomez & The Scene - Who Says (Bimbo Jones Radio Edit)"
                                colorCode: "blue"
                        }
                        ListElement {
                                name: "Pendulum - The Island"
                                colorCode: "grey"
                                sourcePath: "../../music/Selena Gomez/cover.jpeg"
                        }

                        ListElement {
                                name:"Ирина Салтыкова"
                                colorCode: "red"
                                sourcePath: "../../music/Ирина Салтыкова/cover.jpeg"
                        }

                        ListElement {
                                name: "Selena Gomez & The Scene - Who Says (Bimbo Jones Radio Edit)"
                                colorCode: "blue"
                        }
                        ListElement {
                                name: "Grey"
                                colorCode: "grey"
                        }

                        ListElement {
                                name: "Red"
                                colorCode: "red"
                        }

                        ListElement {
                                name: "Blue"
                                colorCode: "blue"
                        }

                        ListElement {
                                name: "Green"
                                colorCode: "green"
                        }
                        ListElement {
                                name: "Grey"
                                colorCode: "grey"
                        }

                        ListElement {
                                name: "Green"
                                colorCode: "green"
                        }
                        ListElement {
                                name: "Grey"
                                colorCode: "grey"
                        }

                        ListElement {
                                name: "Red"
                                colorCode: "red"
                        }

                        ListElement {
                                name: "Blue"
                                colorCode: "blue"
                        }

                        ListElement {
                                name: "Green"
                                colorCode: "green"
                        }
                        ListElement {
                                name: "Grey"
                                colorCode: "grey"
                        }

                        ListElement {
                            name: "Pendulum - The Island"
                            colorCode: "grey"
                            sourcePath: "../../music/Selena Gomez/cover.jpeg"
                        }

                        ListElement {
                            name:"Ирина Салтыкова - Trust In You"
                            colorCode: "red"
                            sourcePath: "../../music/Ирина Салтыкова/cover.jpeg"
                        }



/* тут их очень много */



                        ListElement {
                                name: "Red"
                                colorCode: "red"
                        }

                        ListElement {
                                name: "Blue"
                                colorCode: "blue"
                        }

                        ListElement {
                                name: "Green"
                                colorCode: "green"
                        }
                        ListElement {
                                name: "Grey"
                                colorCode: "grey"
                        }

                        ListElement {
                            name: "Pendulum - The Island"
                            colorCode: "grey"
                            sourcePath: "../../music/Selena Gomez/cover.jpeg"
                        }

                        ListElement {
                            name:"Ирина Салтыкова - Trust In You"
                            colorCode: "red"
                            sourcePath: "../../music/Ирина Салтыкова/cover.jpeg"
                        }

                }
            }


}

Как бы их замучить? Может в делегате как-то проверять и скрывать?

[zoonman]

Проблема решена благодаря Andre. Для Item'a есть свойство clip. Как говорится, надо внимательнее читать маны.

[Гость_Гость_*]

Спасибо, очень помогло