Cocos2d-x CCScrollview scrollen upside down

Finden: cocos2dx/extensions/GUI/CCScrollView/CCScrollView.cpp

Speziell CCScrollView::minContainerOffset und CCScrollView::maxContainerOffset

CCScrollView arbeitet in OpenGL Koordinaten (im Gegensatz Fenster Koordinaten) - Werte sind relativ zu (Links, unten) mit positiver Y-Achse geht nach oben. Auch im Auge behalten, die scroll-view die Positionierung und die container verankert sind ( CCNode::setAnchorPoint ) (Links, unten).

Wenn Sie nach unten scrollen (verschieben/ziehen Sie den Inhalt nach oben, um zu sehen, die Inhalte unterhalb der cut/clip) sehen Sie den Inhalt unter dem unteren Rand des Bildschirms, aber es prallt zurück, der moment Sie loszulassen, die berühren/ziehen, weil maxContainerOffset zurück (0, 0) Sie haben gerade zu bewegen versucht, um eine positive Inhalts-offset.

Die Abbildung zeigt den Zustand des scrollview und die container, wenn Sie erstellt/initialisiert. Dies ist der Zustand, oder die Koordinaten zu "denken" bei der Einrichtung und der Positionierung der Kind-Elemente und container. Das graue Rechteck (Links, unten) zeigt die gültige region für das scrollen über die container. Stellen Sie sich den container Ankerpunkt bewegt sich innerhalb es.

Des Containers gescrollt werden, um oben zu beginnen (das, was Sie erwarten würde, wenn die Arbeit in Fenster Koordinaten), stellen die Inhalte entsprechend verrechnet (sofort nach Einstellung). Dadurch erhalten die erwarteten Ergebnisse/Verhalten.

scrollView->setContentOffset(ccp(0.f, (scrollViewHeight-scrollContainerHeight)), false);

Ein ausführlicheres Beispiel ist in den bearbeiteten code unten.

1. Eine "fix" erlauben das Blättern in der Fenster-Koordinate (positive Y-Achse nach unten) kann die Einstellung der Erweiterung, dies würde von Ihnen verlangen, um den Wiederaufbau der cocos2dx Bibliothek und wirken sich auf alle Projekte (auch andere Beispiel-code, den Sie versuchen können).

   /*
   //(StackOverflow Post Edit: This hack is not required.)
   CCPoint CCScrollView::maxContainerOffset()
   {
       //Default CCPointZero;
       return ccp(0.0f, m_pContainer->getContentSize().height*m_pContainer->getScaleY() - m_tViewSize.height);
   }
   CCPoint CCScrollView::minContainerOffset()
   {
       //Default Y = m_tViewSize.height - m_pContainer->getContentSize().height*m_pContainer->getScaleY();
       return ccp(m_tViewSize.width - m_pContainer->getContentSize().width*m_pContainer->getScaleX(), 
              0.f);
   }
   */

2. Ein weniger aufdringlich hack, ist zum Maßstab der ScrollView Instanz auf -1 und die Kinder der container-Knoten auch auf -1. Sie haben auch die Neupositionierung der Kind-Knoten unter Berücksichtigung der inversen Skala. Das Ergebnis der Skalierung auf beiden Ebenen ist der Inhalt (Kind-Knoten) angesehen werden, gerade (nicht gekippt). Das Ergebnis der Skalierung der ScrollView " -1 " ist, dass das scrollen geschieht für Sie in der erwarteten Richtung. Hinweis: obwohl dieses "Update" flip scrolling in der X-Achse als auch und damit ist nur geeignet, wenn Sie möchten, scrollen Sie vertikal (CCScrollViewDirectionVertical).

   CCSize winSize = CCDirector::sharedDirector()->getWinSize();
   CCLayer* scrollContainer = CCLayer::create(); //Container for the scroll view
   scrollContainer->setAnchorPoint(CCPointZero); //CCScrollView does this too when it's set as the container.
   
   //Content for the container
   CCSprite *tallContentA = CCSprite::create("TallContentA.png");
   tallContentA ->setPosition(ccp(winSize.width*0.5f, winSize.height*0.9f));
   CCSprite *tallContentB = CCSprite::create("TallContentB.png");
   tallContentB ->setPosition(ccp(winSize.width*0.5f, winSize.height*0.1f));
   scrollContainer->addChild(tallContentA, 2);
   scrollContainer->addChild(tallContentB, 2);
   
   float scrollContainerHeight = tallContentA->getContentSize().height + tallContentB->getContentSize().height;
   scrollContainer->setPosition(CCPointZero);
   scrollContainer->setContentSize(CCSizeMake(winSize.width, scrollContainerHeight*1.05f));
   
   //Set up scroll view
   CCScrollView* scrollView = CCScrollView::create(winSize, scrollContainer);
   scrollView->setPosition(CCPointZero);
   scrollView->setDirection(CCScrollViewDirectionVertical);
   //ScrollView initializes at the (left, bottom). The container also gets positioned relative to that and goes Y-up.
   //Pre-set it to the value CCScrollView::minContainerOffset will return when it's scrolled to the top
   //(note, this is a negative number, indicating the touch moving downwards, i.e. it's pre-scrolled such that the top of the content is visible when we begin)
   scrollView->setContentOffset(ccp(0.f, (winSize.height-scrollContainerHeight*1.05f)), false);
   /*
   //(StackOverflow Post Edit: This hack is not required.)
   //Hack: CCScrollView's maxContainerOffset is (0, 0) and minContainerOffset is (difference between view and content size which is negative)
   //It's designed to be (left, bottom) based and positive scrolling means showing stuff above the top of the screen.
   //Since we're using it in terms of Window coordinates ((left, top) based), we scale the scroll view
   //and it's container's children by -1 and position the children differently
   //(eg. Y position winSize.height*0.1f was changed to winSize.height*0.9f)
   //We can't just set the scroll view's Y scale to -1 because CCNode::getScale asserts that X and Y scale must be the same.
   scrollView->setScale(-1.f);
   tallContentA->setScale(-1.f);
   tallContentB->setScale(-1.f);
   */
   
   addChild(scrollView);

Auch beachten Sie, dass die beiden Updates sind die oben genannten gegenseitig, tun nicht gelten beide.

Antwort jetzt die cocos2d-x-forum auch.

InformationsquelleAutor PAT

Eine kürzere Antwort wäre:

scrollView->setContentOffset(scrollView->minContainerOffset());

Da der Ankerpunkt in die linke untere Ecke, wird der erste offset nicht null, aber eine negative Zahl.

InformationsquelleAutor mtet88