Die AT-Magazin iPhone App - Der Entwicklerthread

[MacApple]

Das sagst Du so in Deinem jugendlichen Leichtsinn.

Nein, ernsthaft. Man sagt nicht umsonst, weniger ist manchmal mehr. Mir fällt auf anhieb auch keine App ein, die in der NavigationBar so eine Statusanzeige hat. Direkt da drüber ist auch der Systemindikator am kreiseln.

Ich persönlich finde auch die „Vollbildanzeige“ in der Galerie relativ nutzlos. Sie sieht zwar nett aus, aber sie bringt kaum einen Mehrwert. Das Bild wird nur unwesentlich größer als im WebvView angezeigt. Von einer Vollbildanzeige erwarte ich aber, dass ich mehr sehe. Statt dem Spiegeleffekt erwarte ich eine Ansicht auch im Landscape Modus und die Möglichkeit des Zoomens.

MacApple

 

[Thaddäus]

Das stimmt schon, sind auch Sachen die für eine spätere Version auf meiner Liste stehen...

 

[MacApple]

So, bevor ich mich hin haue, stell ich hier noch kurz 'ne Idee zur Diskussion:

Im Bereich "Apfelshow" ist ja das Thumbnail im Detailbereich statisch und eigentlich nicht unbedingt notwendig. Nun könnte man dem Teil doch einen Zweck zukommen lassen und daraus den Startknopf zum Abspielen des Videos machen. Das hätte auch den Vorteil, dass man nicht erst im WebView nach unten scrollen muss, um an den Startknopf zu kommen.

Eure Meinung ist gefragt.

MacApple

 

[Thaddäus]

Find ich eine gute Idee... Hab mir nämlich auch schon überlegt, wie man das abspielen eleganter gestalten könnte. Also ich bin 100% dafür, das wie von dir vorgeschlagen zu machen...

 

[Thaddäus]

So, durch tippen auf das Thumbnail wird jetzt das Video gestartet. Vielleicht möchte da jemand noch einen schöneren Button gestalten.

Ausserdem muss noch das "Video abspielen" Feld unterhalb des Podcastbeschriebs entfernt werden, doppelt brauchen wir die selbe Funktion ja nicht...

 

[Thaddäus]

So, der HTML Code ist weitestgehend gesäubert. Dadurch hat sich aber ein kleineres Problem ergeben. Und zwar:

Wenn man im Liveticker ein Item mit einem Bild ansieht so ist dieses minimal seitwärts verschiebbar. Nun möchte ich das Bild etwas schmaler anzeigen lassen, sodass es in die Sprechblase passt.

Dazu habe ich folgenden Codeabschnitt gefunden:

// Scale the images to fit into the webview
	// !!!:below:20090919 This needs more cleanup, possibly with XQuery. But not today...
    searchRange = NSMakeRange(0, [htmlString length]);
    while (searchRange.location < [htmlString length])
    {
        aRange = [htmlString rangeOfString:@"width=\"" options:NSLiteralSearch range:searchRange];
        if (aRange.location != NSNotFound)
        {
            searchRange = NSMakeRange(NSMaxRange(aRange), [htmlString length] - NSMaxRange(aRange));
            aRange = [htmlString rangeOfString:@"\"" options:NSLiteralSearch range:searchRange];
            valueRange = NSMakeRange(searchRange.location, aRange.location - searchRange.location);

[COLOR="Blue"][B]            scaleFactor = (float)MAX_IMAGE_WIDTH / [[htmlString substringWithRange:valueRange] intValue];
            if (scaleFactor < 1.0)
            {[/B][/COLOR]
                [htmlString replaceCharactersInRange:valueRange withString:[NSString stringWithFormat:@"%d", MAX_IMAGE_WIDTH]];
                searchRange = NSMakeRange(valueRange.location, [htmlString length] - valueRange.location);
                aRange = [htmlString rangeOfString:@"height=\"" options:NSLiteralSearch range:searchRange];
                if (aRange.location != NSNotFound)
                {
                    searchRange = NSMakeRange(NSMaxRange(aRange), [htmlString length] - NSMaxRange(aRange));
                    aRange = [htmlString rangeOfString:@"\"" options:NSLiteralSearch range:searchRange];
                    valueRange = NSMakeRange(searchRange.location, aRange.location - searchRange.location);
                    newHeight = [[htmlString substringWithRange:valueRange] intValue] * scaleFactor;
                    [htmlString replaceCharactersInRange:valueRange withString:[NSString stringWithFormat:@"%d", newHeight]];
                    searchRange.length = [htmlString length] - searchRange.location;
                }
            }
        }
        else
        {
            searchRange.location = [htmlString length];
        }
    }

Wie kann ich das da nun bewerkstelligen, dass die Bilder innerhalb der WebView etwas schmaler angezeigt werden?

 

[Patrick Rollbis]

Den scaleFactor ändern in z.B. 0.7

 

[Thaddäus]

Den scaleFactor ändern in z.B. 0.7

Du meinst den hier?

 if (scaleFactor < 1.0)

Das habe ich versucht, zeigt aber keine Wirkung... Bzw. 0.7 nicht. Bei 0.6 wird das Bild wieder in Originalgrösse angezeigt...

 

[Patrick Rollbis]

Komisch...

 

[Thaddäus]

Habe jetzt Xcode mal neu gestartet, und dann clean, clean all targets gemacht. Mit dem Wert 0.7 ändert sich immer noch nichts...

Es geht übrigens um DetailLiveticker.m

 

[below]

Noch ein kleiner Fehler, den ich im Moment nicht beheben kann, weil ich keine Zeit, und zu wenig Ahnung von html/css habe:

Es gibt um den Text herum einen kaum sichbaren Rand, der nicht 98% grau ist, sondern weiss.

Ideal wäre, wenn der ganze WebView einfach transparent wäre. Oder eben -- bis zum Rand -- mit dem Wert 2% grau gefüllt.

Der Style für den WebView wird in den DetailViews in der Methode cssStyleString gesetzt:

- (NSString *) cssStyleString {
	// TODO below:20090919 : Someone who knows CSS and HTML needs to put the border to 0 here
	return @"background-color:F9F9F9; font-family: 'Helvetica', sans-serif; font-size:13px; margin: 0; padding: 0;";
}

Damit wird zwar der Hintergrund 2% grau, aber es bleibt der kleine weisse Rahmen.

Wenn jemand Ahnung von HTML hat... ran!

Datei: DetailViewController.m

Alex

 

[MacApple]

Wenn man im Liveticker ein Item mit einem Bild ansieht so ist dieses minimal seitwärts verschiebbar. Nun möchte ich das Bild etwas schmaler anzeigen lassen, sodass es in die Sprechblase passt.

Das liegt daran, dass der WebView jetzt schmaler ist.

Wie kann ich das da nun bewerkstelligen, dass die Bilder innerhalb der WebView etwas schmaler angezeigt werden?

Ich bin schon dabei, das anzupassen.

MacApple

 

[Thaddäus]

Ah, danke...

 

[MacApple]

Ideal wäre, wenn der ganze WebView einfach transparent wäre.

Das kriege ich hin. Wenn noch jemand wüsste, wie man den Schatten wegbekommt, den der Webview beim „bouncen“ (zur Zeit ja ausgeschaltet) hinterlässt, dann könne man auf die private API auch noch verzichten.

MacApple

 

[below]

Das kriege ich hin. Wenn noch jemand wüsste, wie man den Schatten wegbekommt, den der Webview beim „bouncen“ (zur Zeit ja ausgeschaltet) hinterlässt, dann könne man auf die private API auch noch verzichten.

Ich könnte Dir am Montag meine Beta mal schicken, ich glaub, ich hab keinen Schatten... aber ich kann mich täuschen.

Alex

 

[Thaddäus]

Das kriege ich hin. Wenn noch jemand wüsste, wie man den Schatten wegbekommt, den der Webview beim „bouncen“ (zur Zeit ja ausgeschaltet) hinterlässt, dann könne man auf die private API auch noch verzichten.

MacApple

Meinst du das wenn man früher "gebounced" hat, dass da der graue Hintergrund zum Vorschein kam? Das sah oberhässlich aus...

 

[MacApple]

Meinst du das wenn man früher "gebounced" hat, dass da der graue Hintergrund zum Vorschein kam? Das sah oberhässlich aus...

Genau, das meine ich. Wenn der WebView transparent ist, ist der Hintergrund kein Problem mehr, denn der ist jetzt eh durch den transparenten WebView ständig sichtbar. Jetzt stört nur noch der Schatten.

MacApple

 

[Thaddäus]

Habe gerade mal einen neuen Playbutton für die Apfelshow gepusht. Da ich die genauen Farbwerte von Apfeltalk nicht kenne, habe ich das .psd für apfelshow.png ebenfalls in das Projekt aufgenommen.

Hier noch ein Screenshot:

 

[below]

So, ich sehe im Tracker nur noch den Schütteltask. Fehlt denn noch was?

Alex

 

[Pechente]

Mich wundert noch, dass die obere Leiste nicht mitscrollt, auf der Titel und Autor stehen. Wieso ist das so? Ist doch eigentlich nur Platzverschwendung.