QML सूची दृश्य अंतरिक्ष वस्तुओं को भरने के लिए चौड़ाई

आप को पूरा कर सकते हैं कि आप क्या चाहते हैं के साथ एक ListView, तुम बस जरूरत करने के लिए रिक्ति समायोजित गतिशील रूप से कैसे के आधार पर कई प्रतिनिधियों तुम्हारे पास है. इस उदाहरण में टूट जाएगा अगर अपने प्रतिनिधियों कर रहे हैं अलग ढंग से आकार के (के रूप में यह है के आधार पर ही चौड़ाई के प्रतिनिधि), या तो के प्रतिनिधियों cumulatively की चौड़ाई से अधिक ListView.

ListView {
    width: 500
    orientation: Qt.Horizontal
    model: 6
    spacing: {
        if (count > 0) {
            return (width - (itemAtIndex(0).width * count))/(count - 1)
        } else {
            return 0
        }
    }

    delegate: Rectangle {
        implicitHeight: 50
        implicitWidth: 50
        color: "red"
        border.width: 1
    }
}

ListView नहीं हो सकता है, सबसे उपयुक्त कंटेनर इस कार्य के लिए. मैं यह कहना है क्योंकि यह एक में बनाया गया है ScrollView और अन्य व्यवहार है कि यह लगता है जैसे आप की जरूरत नहीं है. यदि आप सभी की जरूरत है एक सरल पंक्ति के कुछ हूबहू आकार के प्रतिनिधियों, मैं के साथ सहमत scopchanov और विश्वास है कि एक Repeater एक RowLayout सबसे अच्छा विकल्प होगा. यहाँ एक सरल उदाहरण है:

RowLayout {
    width: 500

    Repeater {
        model: 6
        delegate: Rectangle {
            implicitHeight: 50
            implicitWidth: 50
            color: "tomato"
            border.width: 1
            Layout.alignment: Qt.AlignHCenter // must be set to align the rectangles within their empty space
        }
    }
}

आप सूचना हो सकता है कि इस परिचय के अंतराल के लिए छोड़ दिया और सही, अगर इन अंतराल अस्वीकार्य हैं, आप की आवश्यकता हो सकती स्थापित करने के लिए spacing पर RowLayout में एक ही तरीके से के रूप में ListView उदाहरण के बजाय.