UIScrollView image / photo viewer with paging enabled and zooming

Napisałem prostą i łatwą w użyciu przeglądarkę zdjęć o nazwie MWPhotoBrowser . Postanowiłem go stworzyć, ponieważ Three20 był zbyt ciężki/nadęty, ponieważ wszystko, czego potrzebowałem, to przeglądarka zdjęć.

MWPhotoBrowser może wyświetlać jeden lub więcej obrazów, dostarczając Obiekty UIImage lub adresy URL do plików, obrazów internetowych lub zasobów biblioteki. Przeglądarka zdjęć bezproblemowo obsługuje pobieranie i buforowanie zdjęć z Internetu. Zdjęcia można powiększać i przesuwać, a opcjonalne (konfigurowalne) napisy mogą być wyświetlane. Przeglądarka może być również używana, aby umożliwić użytkownikowi wybranie jednego lub więcej zdjęć za pomocą widoku siatki lub głównego obrazu.

Mówisz, że widziałeś dyskusje na temat zagnieżdżania UIScrollViews, ale nie chcesz tam iść - ale to jest droga! Działa łatwo i dobrze.

To w zasadzie to, co robi Apple w swoim przykładzie PhotoScroller (i rozmowa WWDC z 2010 roku związana w odpowiedzi Jonasza). Tylko w tych przykładach dodali całą masę złożonych kafelków i innego zarządzania pamięcią. Jeśli nie potrzebujesz płytek itp. a jeśli nie chcesz przebrnąć przez te przykłady i spróbować usunąć bity związane dla niego podstawowa zasada zagnieżdżania UIScrollViews jest w rzeczywistości dość prosta:

• Utwórz zewnętrzny UIScrollView i ustaw jego pagingEnabled = true. Dodaj go do widoku głównego i ustaw jego szerokość i wysokość do szerokości i wysokości widoku głównego.

• Utwórz tyle wewnętrznych UIScrollViews, ile chcesz obrazów. Ustaw ich szerokość i wysokość na szerokość i wysokość widoku głównego. Dodaj je jako podglądy do zewnętrznego widoku UIScrollView, każdy obok drugiego, po lewej racja.

• Ustaw rozmiar zawartości zewnętrznego widoku UIScrollView na całkowitą szerokość wszystkich wewnętrznych widoków uiscrollview obok siebie (która jest równa [szerokość głównego widoku]*[liczba obrazów]).

• Dodaj swoje obrazy ' UIImageViews do wewnętrznego UIScrollViews, jeden widok UIImageView do każdego wewnętrznego UIScrollView. Ustaw rozmiar zawartości każdego UIScrollView na rozmiar każdego UIImageView.

• Ustaw skale powiększenia min i max dla każdego wewnętrznego UIScrollView i ustaw każdy z wewnętrzny delegat UIScrollView do kontrolera widoku. W widoku delegata forzoominginscrollview zwraca odpowiedni interfejs UIImageView dla przekazanego widoku uiscrollview. (Aby to zrobić, po prostu zachowaj każdy z UIImageViews w NSArray i ustaw odpowiednią właściwość tag UIScrollView na indeks odpowiedniego UIImageView. Następnie można odczytać znacznik w widoku UIScrollView przekazany do viewForZoomingInScrollView i zwrócić odpowiedni interfejs użytkownika z NSArray).

To jest to. Działa tak samo jak aplikacja do zdjęć.

Jeśli masz dużo zdjęć, aby zapisać pamięć, możesz mieć po prostu dwa wewnętrzne UIScrollViews i dwa UIImagesViews. Następnie dynamicznie obracasz między nimi, przesuwając ich pozycję w zewnętrznym widoku UIScrollView i zmieniając ich obrazy, gdy użytkownik przewija zewnętrzny widok uiscrollview. To trochę bardziej skomplikowane, ale ta sama zasada.

Trochę pobawiłem się natywną aplikacją Zdjęcia i myślę, że mogę śmiało powiedzieć, że używają jednego UIScrollView. Prezent jest taki: powiększ obraz i pociągnij w lewo lub w prawo. Zobaczysz następne lub poprzednie zdjęcie. Jeśli przeciągniesz wystarczająco mocno, będzie nawet strona do następnego zdjęcia z zoomem 1.0 F. Odwróć, a wcześniej powiększone zdjęcie również wróci do zoomu 1.0 F.

• pojedynczy UIScrollView i pojedynczy uiscrollviewdelegate
• uzupełnij uiscrollview o dzieci UIImageView
• Posłuchaj scrollViewDidScroll:
• Policz sobie i dowiedz się na jakiej stronie aktualnie jesteś
• Posłuchaj viewForZoomingInScrollView:
• zwraca inny widok w zależności od indeksu strony
• słuchaj scrollViewDidEndZooming:withView:atScale: i opcjonalnie wykonaj antyaliasing, itp. na podstawie zawartości

Jeśli zdecydujesz się to wypróbować, daj mi znać, jak to działa na Ciebie. Chciałbym wiedzieć, jak w końcu udało ci się to wypalić. Jeszcze lepiej, wyślij to na github.

Pobawiłem się trochę z natywne Zdjęcia aplikacji, i myślę, że mogę powiedzieć z pewnością, że używają pojedynczy UIScrollView. Prezentów jest to: powiększ obraz i pociągnij do w lewo czy w prawo. Zobaczysz następne lub poprzednie zdjęcie. Jeśli ciągniesz wystarczająco mocno, będzie nawet strona do następne zdjęcie z zoomem 1.0 F. Odwróć i wcześniej powiększone zdjęcie będzie powrót do zoomu 1.0 f, jak również.

Podejrzewam, że apple odpala to jak tylko zniknie poprzednie zdjęcie.

Nie rozumiem, jak osiągnąć gładką przewijanie między stronami-zawsze jest bardzo krótki powiesić w momencie przejścia. Nie rozumiem. Dostałem się dość głęboko do naprawienia go - NSInvocationOperations były moim pierwszym przystankiem, a następnie zrobiłem kolejkę widoki wielokrotnego użytku dla odsłon strony (które zachowują swoje widoki obrazu)... nadal to durned hang.

Mam tylko jeden nsoperationqueue uruchomiony, i próbowałem majstrować z maksymalną liczbą jednoczesnych operacji. Myślałem, że główny wątek jest zapychany przez konkurowanie Kolejkami, a może nawet jedną kolejką... mimo to, powieszenie.

Próbowałem nawet stworzyć super niskowartościowe wersje moich mediów, na wypadek gdyby to był problem. Z każdym obrazem ważącym około 10k (to są JPEG, pamiętajcie)... zgadłeś. Wieszak wciąż tam jest.

Jestem prawie zdecydowany zrobić to, co robiłem wcześniej i użyć TTPhotoViewController z Three20. Spędziłem kilka godzin, pływając przez ten kod, i to zawsze jest świetna Edukacja. W tym momencie, chociaż, naprawdę chciałbym wiedzieć, skąd się wziął ten hang, jeśli tylko po to, żebym mógł spędzić moje godziny bezsenności zastanawiając się nad czymś mniej wrzenia mózgu.

Byłoby miło, gdyby apple zbudował przeglądarkę obrazów, taką jak aplikacja zdjęcia w SDK, z której możemy korzystać. Obecnie używam three20 i działa świetnie. Ale jest wiele dodatkowych rzeczy do noszenia, gdy wszystko, czego naprawdę chcesz, to przeglądarka zdjęć.

Piszę do tego kod i może być jako odniesienie

1. Wczytaj bieżący widok scrollview i imageview .. a dla ekranu obok bieżącego widoku , tylko imageview

2. Usuń Cały Widok, gdy bieżąca strona ładuje się, aby zapisać pamięć, tak dobrze dla wielu projektów fotograficznych

3. Użyj znacznika, aby odróżnić różne scrollview

_xxxxxxx

Link do pobrania Kliknij tutaj

Spójrz na https://github.com/facebook/three20/blob/master/src/Three20UI/Headers/TTPhotoViewController.h{[2]Nie wiem, czy tego właśnie szukasz