Laden Sie ein Bild mit geringer Auflösung und progressive Belastung mit hoher Auflösung

Wie zeige ich ein Bild mit niedriger Auflösung auf eine Seite und dann nach einer Sekunde Verzögerung laden Sie eine hochauflösende version? Das geht mit Ebenen? Threads?

  • Wir brauchen mehr Informationen. Sprechen Sie über Vanille-Objektive-C Anwendung? Oder eine HTML-Seite? Sie haben die Kontrolle über die Bilddaten auf dem server?
  • cocoa-touch - ipad - /iphone-Anwendung
InformationsquelleAutor Eric | 2010-04-22
  1. 3

    Ich weiß, dieser Beitrag ist alt, aber nur für den Fall, dass jemand nach ihm sucht, gibt es ein Projekt namens NYXImagesKit das tut, was Sie suchen.

    Es wurde eine Klasse mit dem Namen NYXProgressiveImageView ist eine Unterklasse von UIImageView.

    Alles, was Sie tun müssen, ist:

    NYXProgressiveImageView * imgv = [[NYXProgressiveImageView alloc] init];
imgv.frame = CGRectMake(0, 0, 320, 480);
[imgv loadImageAtURL:[NSURL URLWithString:@"http://yourimage"]];
[self.view addSubview:imgv];
[imgv release];

    Auch eine gute option, um speichern Sie Ihre Bilder als interlaced so, dass es Lasten mit geringer Qualität und zu verbessern, mit dem download. Wenn das Bild normal ist, ist es von oben nach unten geladen.

    • kennen Sie eine andere Klasse, die das gleiche tun? diese Klasse unterstützt nur iOS 5 +.. ich muss es funktioniert in iOS 4.3 +
    InformationsquelleAutor Raphael Petegrosso
  2. 2

    Gibt es mehrere Optionen:

    1) Speichern Sie die Bilder auf dem server in einem format, das unterstützt den progressiven download (progressive JPEG -, interlaced PNG). Ich denke, Sie hätte zu kommen mit einer besonderen Unterstützung auf dem client, ie. schreiben Sie die Bild-Dekodierung Teil von PNG/JPEG zu UIImage sich, vermutlich mit einige Bibliothek.

    2) Speichern Sie ein kleines Miniaturbild auf jedem Bild auf dem server. Wenn Sie ein Bild downloaden möchten, würden Sie zuerst laden Sie die Miniaturansicht, eine einfache Skalierung zu Strecken, um die volle Bild-Größe und in der Zwischenzeit, laden Sie die Vollversion. Es können mehrere thumbnails in verschiedenen Größen wenn Sie wirklich wollen, bekommen Lust. Sie haben mehr Daten auf den server, aber der client-code sollte ziemlich einfach sein.

    3) Vielleicht haben Sie ja die Miniaturansichten auf dem client? In diesem Fall können Sie Strecken Sie die Miniaturansicht, um die volle Bildgröße zu erstellen, die eine low-resolution-version, während Sie laden den rest.

    Und wenn Sie Fragen, wie genau der code der zweiten oder Dritten Lösung... die Sie nicht wirklich brauchen explizite threads und ich bin mir nicht sicher, was bedeutet "Schicht" in diesem Kontext bedeuten. Laden einer UIImage vom Netzwerk ist ziemlich einfach, ein bisschen wie diese:

     NSURL *url = [NSURL URLWithString:@"http://somewhere/foo.png"];
 NSURLRequest *request = [NSURLRequest requestWithURL:url];
 NSData *data = [NSURLConnection sendSynchronousRequest:request
    returningResponse:NULL error:NULL];
 UIImage *image = [UIImage imageWithData:data];

    Können Sie drehen Sie diesen code in eine Funktion, laden und anzeigen der Miniaturansicht und dann auf laden und zeigt das volle Bild. All dies könnte getan werden,im hintergrund, so dass Sie können etwas tun, während die Daten geladen.

    • Laden syncrhonous Anfrage an den Haupt-thread Stände es (das ist eine schlechte user experience") und dem laden eines UIImage auf dem Haupt-thread unsicher ist (wie alle anderen UI* Klassen), so wie geschrieben, dieser code sollte nicht empfohlen werden. Die Verwendung der asynchronen NSURLConnection aus dem Haupt-thread ist aber okay.
    • Laden einer synchronen Anfrage blockiert den aktuellen thread, aber wie ich schon schrieb, können Sie den gesamten code im hintergrund. So dass Sie nicht blockieren den Haupt-thread und noch verwenden können, die einfache, synchrone Schnittstelle NSURLConnection statt der plumpen Rückrufe. Laden einer UIImage im hintergrund-thread ist sicher, ich benutze diesen code selbst.
    InformationsquelleAutor zoul
  3. 1

    Im Allgemeinen diese Funktion wird erreicht mit dem image-Dateien gespeichert sind, einige interlaced/progessive - Modus. Dies ermöglicht die Anzeige der Anwendung (z.B. browser), um das Bild anzuzeigen nacheinander, beginnend in einer niedrigen Qualität, wie die ersten Stücke von Daten kommen. Je mehr Daten verfügbar sind, desto höher ist die Qualität des Bildes bekommt.

    Diese Funktion ist unabhängig von dem web-server. Nur die client-Anwendung ist verantwortlich für die Unterstützung dieses Modus

    Diese Website zeigt einige Beispiele.

    InformationsquelleAutor Frank Bollack
  4. 1

    Es klingt wie Sie das beschreiben so etwas wie die TTPhotoViewController von Three20 (wird in der Facebook iPhone app). Beim ersten start Blick auf ein Bild, es ist einfach eine Miniatur, die hat schon ausgestreckt. Die "high-res" - version wird im hintergrund heruntergeladen, und wenn das download abgeschlossen ist, ersetzt es das vorhandene gestrecktes Bild.

    • In diesem Fall ist es getan mit Threads. Am häufigsten ist das laden der Miniaturansicht, spin-off-thread zu starten den Download der größeren Bild, und führen Sie dann eine selbst performSelectorOnMainThread: Da müssen Sie in der Haupt-thread, um dich mit der Benutzeroberfläche.
    InformationsquelleAutor Pyro2927
  5. 0

    War ich in der Lage zum download mit afnetworking.Ich benutzt den code unten

        NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
NSString *filePath =  [[paths objectAtIndex:0] stringByAppendingPathComponent:@"tempPath"];
NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL URLWithString:@"yourUrl"]];

AFHTTPRequestOperation *operation = [[AFHTTPRequestOperation alloc] initWithRequest:request];
operation.outputStream = [NSOutputStream outputStreamToFileAtPath:filePath append:NO];

[operation setCompletionBlockWithSuccess:^(AFHTTPRequestOperation *operation, id responseObject) {
    self.actualImage = [UIImage imageWithData:[NSData dataWithContentsOfFile:filePath]];

} failure:^(AFHTTPRequestOperation *operation, NSError *error) {
    NSLog(@"Error: %@", error);
}];
[operation setDownloadProgressBlock:^(NSUInteger bytesRead, long long totalBytesRead, long long totalBytesExpectedToRead) {
    [imageView setImage:[UIImage imageWithData:[NSData dataWithContentsOfFile:filePath]]];
    self.actualImage = [UIImage imageWithData:[NSData dataWithContentsOfFile:filePath]];

}];

[operation start];
    InformationsquelleAutor Nassif
Schreibe einen Kommentar