<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Swipeview: how to render faster when many items in each pages]]></title><description><![CDATA[<p dir="auto">I tried to use Loader{} like <a href="https://doc.qt.io/qt-6/qml-qtquick-controls-swipeview.html#details" target="_blank" rel="noopener noreferrer nofollow ugc">help page</a><br />
But it is still slow.<br />
How to swipe rendering be faster?</p>
<p dir="auto">Test.qml</p>
<pre><code>import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15

Page {
    ListModel{
        id:page_items
        ListElement{kandoitem:"TestChild.qml"}
        ListElement{kandoitem:"TestChild.qml"}
        ListElement{kandoitem:"TestChild.qml"}
        ListElement{kandoitem:"TestChild.qml"}
        ListElement{kandoitem:"TestChild.qml"}
        ListElement{kandoitem:"TestChild.qml"}
    }
    footer:Button{text:"close"
        onClicked:{
            stackView.pop(StackView.Immediate)
        }
    }
    TabBar {
        id: bar
        width: parent.width
        currentIndex:swipe.currentIndex
        TabButton {
            text: qsTr("A")
        }
        TabButton {
            text: qsTr("B")
        }
        TabButton {
            text: qsTr("C")
        }
        TabButton {
            text: qsTr("D")
        }
        TabButton {
            text: qsTr("E")
        }
        TabButton {
            text: qsTr("F")
        }
        TabButton {
            text: qsTr("G")
        }

    }
    SwipeView {
        id:swipe

        width: parent.width
        height:parent.height-bar.height-footer.height
        anchors.top: bar.bottom
        currentIndex: bar.currentIndex
        Repeater{
            model:page_items
            Loader{

                id:pageLoader
                active:SwipeView.isCurrentItem || SwipeView.isNextItem || SwipeView.isPreviousItem
                source:kandoitem
                asynchronous: false

            }
        }
    }
}


</code></pre>
<p dir="auto">TestChild.qml</p>
<pre><code>import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15

Item {
    anchors.centerIn: parent
    width:parent.width
    height:parent.height-80
    Flow{
        anchors.fill: parent
        Repeater{
            model:100
            Button{text:index}
        }
    }
}

</code></pre>
]]></description><link>https://forum.qt.io/topic/146263/swipeview-how-to-render-faster-when-many-items-in-each-pages</link><generator>RSS for Node</generator><lastBuildDate>Sun, 25 Oct 2026 14:31:50 GMT</lastBuildDate><atom:link href="https://forum.qt.io/topic/146263.rss" rel="self" type="application/rss+xml"/><pubDate>Thu, 06 Jul 2023 02:28:56 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Swipeview: how to render faster when many items in each pages on Mon, 24 Jul 2023 01:29:58 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/grecko">@<bdi>GrecKo</bdi></a><br />
@J-Hilk<br />
sorry, I misunderstood.<br />
As Grecko said ListView with resuseItems is good to be faster.</p>
]]></description><link>https://forum.qt.io/post/765954</link><guid isPermaLink="true">https://forum.qt.io/post/765954</guid><dc:creator><![CDATA[ynatynat]]></dc:creator><pubDate>Mon, 24 Jul 2023 01:29:58 GMT</pubDate></item><item><title><![CDATA[Reply to Swipeview: how to render faster when many items in each pages on Fri, 21 Jul 2023 07:37:56 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/grecko">@<bdi>GrecKo</bdi></a> said in <a href="/post/763810">Swipeview: how to render faster when many items in each pages</a>:</p>
<blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/ynatynat">@<bdi>ynatynat</bdi></a> Try a horizontal ListView with reuseItems enabled.</p>
</blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/ynatynat">@<bdi>ynatynat</bdi></a> said</p>
<blockquote>
<p dir="auto"><img src="https://media.tenor.com/v_h7ocKTs_QAAAAd/i-started-blasting-so-anyway-i-started-blasting.gif" alt="alt text" class=" img-fluid img-markdown" /></p>
</blockquote>
]]></description><link>https://forum.qt.io/post/765696</link><guid isPermaLink="true">https://forum.qt.io/post/765696</guid><dc:creator><![CDATA[J.Hilk]]></dc:creator><pubDate>Fri, 21 Jul 2023 07:37:56 GMT</pubDate></item><item><title><![CDATA[Reply to Swipeview: how to render faster when many items in each pages on Fri, 21 Jul 2023 07:06:35 GMT]]></title><description><![CDATA[<p dir="auto">I tried GridView, which is loaded array(QVector) of c++ model.<br />
But it is still slow.</p>
<pre><code>    GridView{
        id:grid
        anchors.fill: parent
        model:30
        cellWidth:parent.width/3
        cellHeight:50


        delegate:Component{

            ValueBox{
                name:index
                min:0;max:100;
                array_id:index;unit:"unit"
                array:cppModel.array;
                width: grid.cellWidth
            }
        }
}
</code></pre>
<p dir="auto">ValueBox  is original type, which has button, spinbox, label. Button open a panel.</p>
]]></description><link>https://forum.qt.io/post/765694</link><guid isPermaLink="true">https://forum.qt.io/post/765694</guid><dc:creator><![CDATA[ynatynat]]></dc:creator><pubDate>Fri, 21 Jul 2023 07:06:35 GMT</pubDate></item><item><title><![CDATA[Reply to Swipeview: how to render faster when many items in each pages on Thu, 06 Jul 2023 08:39:40 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/ynatynat">@<bdi>ynatynat</bdi></a> Try a horizontal <code>ListView</code> with <code>reuseItems</code> enabled.</p>
]]></description><link>https://forum.qt.io/post/763810</link><guid isPermaLink="true">https://forum.qt.io/post/763810</guid><dc:creator><![CDATA[GrecKo]]></dc:creator><pubDate>Thu, 06 Jul 2023 08:39:40 GMT</pubDate></item></channel></rss>