[Solved]problem with anchors between symbian belle and belle FP1



  • I work on application using TabBar and TabGroup it works perfectly on Symbian belle but when i try it on Symbian belle FP1 I have anchors problem the top of the tabGroup don't anchors with the bottom of the TabBar This is my code

    @
    Page
    {
    id:root
    property Menu menu

    StatusBar{
        id:stat
        anchors.top: parent.top
    }
    
    property PageStackWindow currentTabPageStack: annoncestack
    
    Image{
        id:fondgris
        source: "images/foninter.png"
        anchors.top: stat.bottom
        width: root.width
    }
    
    Image{
        id:logo
        source: "images/logo.png"
        anchors.top: stat.bottom
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.topMargin: 8
    }
    
    Text {
        id: txtrub
        text: "Annonces"
        font.pointSize: 6.5
        color:"#383a4b"
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: logo.bottom
        anchors.topMargin: 8
    }
    
    TabBar {
        id: tabBar
        z: 1
        platformInverted: true
        height: 60
        anchors { left: parent.left; right: parent.right; top: fondgris.bottom; }
    
        TabButton {
            tab: annoncestack;
    
            platformInverted: true
            Image{
                anchors.verticalCenterOffset: -13
                anchors.horizontalCenter: parent.horizontalCenter
                anchors.verticalCenter: parent.verticalCenter
                source: "images/star.png"
            }
            Text {
                id:txt
                text: "tab1"
                anchors.verticalCenterOffset: 17
                anchors.verticalCenter: parent.verticalCenter
                anchors.horizontalCenter: parent.horizontalCenter
                font.pixelSize: 13
                color: "#59595a"
            }
            onClicked: {
                currentTabPageStack.pageStack.pop(currentTabPageStack.initialPage)
            }
        }
        TabButton {
            tab: recherchestack;
            platformInverted: true
            Image{
                anchors.verticalCenterOffset: -13
                anchors.horizontalCenter: parent.horizontalCenter
                anchors.verticalCenter: parent.verticalCenter
                source: "images/zoom.png"
            }
            Text {
                text: "tab2"
                anchors.verticalCenterOffset: 17
                anchors.verticalCenter: parent.verticalCenter
                anchors.horizontalCenter: parent.horizontalCenter
                font.pixelSize: 13
                color: "#59595a"
            }
            onClicked: {
                currentTabPageStack.pageStack.pop(currentTabPageStack.initialPage)
            }
        }
        TabButton {
            tab: deposerstack;
            platformInverted: true
            Image{
                anchors.verticalCenterOffset: -13
                anchors.horizontalCenter: parent.horizontalCenter
                anchors.verticalCenter: parent.verticalCenter
                source: "images/add.png"
            }
            Text {
                text: "tab3"
                anchors.verticalCenterOffset: 17
                anchors.verticalCenter: parent.verticalCenter
                anchors.horizontalCenter: parent.horizontalCenter
                font.pixelSize: 13
                color: "#59595a"
            }
            onClicked: {
                currentTabPageStack.pageStack.pop(currentTabPageStack.initialPage)
            }
        }
        TabButton {
            tab: favoristack;
            platformInverted: true
            Image{
                anchors.verticalCenterOffset: -13
                anchors.horizontalCenter: parent.horizontalCenter
                anchors.verticalCenter: parent.verticalCenter
                source: "images/hearTab.png"
            }
            Text {
                text: "tab4"
                anchors.verticalCenterOffset: 17
                anchors.verticalCenter: parent.verticalCenter
                anchors.horizontalCenter: parent.horizontalCenter
                font.pixelSize: 13
                color: "#59595a"
            }
            onClicked: {
                currentTabPageStack.pageStack.pop(currentTabPageStack.initialPage)
            }
        }
    
    }
    
    
    TabGroup {
        id: tabGroup
    

    anchors { left: parent.left; right: parent.right;top:tabBar.bottom ;bottom: parent.bottom }

        PageStackWindow{
            id: annoncestack
    
            showToolBar: false
            showStatusBar: false
            platformInverted: true
            initialPage: ann
        }
    
        PageStackWindow{
            id: recherchestack
    
            showToolBar: false
            showStatusBar: false
            platformInverted: true
            initialPage: rech
        }
    
        PageStackWindow{
            id: deposerstack
    
            showToolBar: false
            showStatusBar: false
            platformInverted: true
            initialPage: depo
        }
    
        PageStackWindow{
            id: favoristack
    
            showToolBar: false
            showStatusBar: false
            platformInverted: true
            initialPage: fav
        }
    
        onCurrentTabChanged: {
            currentTabPageStack = currentTab
    
            favoristack.pageStack.currentPage.addListe();
            console.log("ana hena");
        }
    }
    
    
    PageA{
        id:depo
    }
    PageB{
        id:rech
    }
    PageC{
        id:fav
    }
    
    Page{
        id:ann
        property Menu menu
        width: root.width
    

    ....
    }
    }
    @

    thanks for your help



  • you say "the top of the tabGroup don’t anchors with the bottom of the TabBar"
    but your code says:
    @id: tabGroup
    anchors { left: parent.left; right: parent.right;top:tabBar.top ;bottom: parent.bottom }@

    So I guess it should be:
    top:tabBar.bottom



  • Thanks aykon for your answer
    Yes it should be top:tabBar.bottom it’s just a mistake I still got the same problem the tabGroup don’t anchors with the bottom of the TabBar



  • i manage to solve the problem i change the pagestackwindow to pagestack and it works great
    thanks


Log in to reply
 

Looks like your connection to Qt Forum was lost, please wait while we try to reconnect.