iPhone Horizontal Scrollen

Ich versuche, eine app erstellen, die mit den horizontalen Bildlauf, so dass man in der Lage sein, um horizontal zu scrollen durch eine Reihe von Bildern. Ich beobachtete die WWDC-Session 104 video auf diese, und wenn Sie eine interessante app, flogen Sie durch die Grundlagen sehr schnell.

Ich verstehen mit dem UIScrollView, und dass ich zum aktivieren der paging-Funktion. Nach, dass Sie sagen, ich sollte hinzufügen, mehr Ansichten, wie Untersichten von der scrollview, aber ich bin nicht klar, wie das zu tun. Ich bin auch nicht klar, wie ich meine Bilder auf diese Aussicht.

Wie Sie wahrscheinlich sagen, ich bin ziemlich neu in diesem, so dass jede Hilfe wäre sehr geschätzt.

InformationsquelleAutor DBP | 2010-07-15

  1. 12

    Sie wollen,UIImageView. Es ist eine Ansicht, die speziell für die Aufnahme von Bildern.

    Wenn Sie fügen Sie Ihre Bilder, die Sie wollen, um Ihre rects (vielleicht mit initWithFrame: für jeden UIImageView), so dass:

    • das erste Bild an Position 0,0
    • das zweite Bild ist auf 320,0
    • Dritte ist auf 640,0 (etc)

    I. e. jedes Bild ist 320 Pixel rechts von der vorherigen.

    Der Letzte Schritt ist, um die contentSize für Ihre UIScrollView -- dies ist ein CGSize beschreibt die Gesamtgröße der scroll-Ansicht.

    Wenn du 3 Bilder, würden Sie dann (320*3) * 480 mit z.B.

    myScrollView.contentSize = CGSizeMake(320*3, 480);

    Viele Menschen, wenn Sie zum initialisieren der scroll-view, haben Sie eine for-Schleife oder ähnliches, die Schritte durch die Bilder, die Sie anzeigen möchten. Diese for-Schleifen neigen dazu, in etwa so Aussehen:

    CGFloat scrollWidth = 0.f;
for (UIImage *someImage in someNSArrayWithImages) {
    UIImageView *theView = [[UIImageView alloc] initWithFrame:
        CGRectMake(scrollWidth, 0, 320.f, 480.f)];
    theView.image = someImage;
    [myScrollView addSubview:theView];
    [theView release];
    scrollWidth += 320.f;
}
myScrollView.contentSize = CGSizeMake(scrollWidth, 480.f);

    Diese Art erhalten Sie die Dinge aufgereiht, und Sie erhalten die Größe des Inhalts für Sie gleichzeitig.

    Wenn Sie möchten, machen Sie es so, dass die scroll-view "intelligent" wählt jedes Bild und Stoppt, wenn die Menschen schieben Sie nach Links/rechts können Sie tun myScrollView.pagingEnabled = YES.

    Hoffe, das hilft Euch gehen.

    InformationsquelleAutor Kalle

  2. 1

    Vorausgesetzt, Sie haben "unendlich" - Bilder, setzen Sie alle da, die an oder vor dem Start in einem riesigen UIScrollView wird nicht eine option sein. (es gibt ein limit für die Größe einer UIView)

    Die Art, wie ich es gelöst: eine UIScrollView bedeckt den ganzen Bildschirm. Ihr Inhalt sollte sein, eine UIView 3*Breite von 320 und 480 Höhe, Ausdehnung 320px Links und 320px Recht.

    Setzen 3 UIImageView ' s in it, Links, Mitte und rechts. Set paging - =JA, also das uiscrollview clips zu den 3 "Seiten", die Sie geschaffen haben.

    Stellen Sie sicher, dass Ihre Klasse den Delegierten des uiscrollview und hören

    -(void)scrollViewDidEndDragging:(UIScrollView*)sv willDecelerate:(BOOL)notFinished
-(void)scrollViewDidEndDecelerating:(UIScrollView*)sv
-(void)scrollViewDidEndScrollingAnimation:(UIScrollView*)sv

    machen und die entsprechenden übergänge schlagen paging Grenzen; shift-Bilder und legen Sie ContentOffset, damit Sie schauen auf das Bild in der Mitte wieder.

    Ich schlage vor, Sie machen diese erst, und nur dann Lesen Sie weiter...

    Dann Sie trifft auf einen bug, der hier dokumentiert UIScrollView - (bounces = NEIN) scheint zu überschreiben (pagingEnabled = JA) und hier http://www.iphonedevsdk.com/forum/iphone-sdk-development/935-paging-uiscrollview.html, die macht, die Sie nicht deaktivieren können Prellen und paging gleichzeitig aktiviert. So aktivieren Prellen und Unterklasse UIScrollView, die Aufhebung setContentOffset in es zu vermeiden Prellen. (mit Prellen wirklich aktiviert wird für eine eher ungewöhnliche user experience)

    InformationsquelleAutor mvds

  3. 1

    Haben Sie einen Blick auf Apple PageControl Beispielcode. Es ist ziemlich kurz und leicht zu Folgen, so werden Sie das wesentliche von der Einrichtung ein Projekt, wo mehrere view-Controller geladen werden, wie Sie wischen Sie horizontal.

    Sobald Sie diese setup, dann ist es der view-controller verantwortlich zu laden eigene Inhalte (in deinem Fall ein Bild). Sie sollten sicherstellen, dass Sie verstehen, wie man das laden von Bildern ersten (mit Fäden usw), bevor Sie anzugehen, paging, etc.

    Denke, dass es zwei voneinander unabhängige Aufgaben. Das view-Steuerelement ist verantwortlich für das laden und anzeigen eines Bildes. Die scroll-view mit paging teilt nur das entsprechende view-controller beim laden selbst (es ist nicht egal, was die view-controller funktioniert, sobald Sie geladen ist)

    Glück!

    InformationsquelleAutor nebs

Schreibe einen Kommentar