2009-12-14 15 views
12

Ich konnte keine Art UIBarButtonSystemItem finden, die die "Zurück" -Schaltfläche in Mobile Safari darstellt. Ich möchte, dass die Steuerelemente meines UIWebView genau so aussehen wie in Mobile Safari, also macht es Sinn. Wäre die beste Lösung, nur Screenshot UIBarButtonSystemItemPlay (dasselbe Bild wie die Schaltfläche Vorwärts) und drehen Sie es um?Mobile Safari-Stil zurück Schaltfläche für UIWebView?

Danke.

Antwort

8

Ich denke, der richtige Schritt ist, irgendwo das rohe Icon zu finden (versuche Terminal und finde es in deinem/Developer-Verzeichnis).

Es ist möglich, dass

/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator3.1.sdk/Applications/WebSheet.app/ArrowBack.png 

die richtige Datei ist.

Die Erstellung eines Screenshots funktioniert nicht, da die Symbole auf der Symbolleiste auf Alpha-Ebenen und nicht auf Farben basieren. Wenn du einen Screenshot schnappst und ihn umdrehst, erhältst du am Ende ein solides Quadrat für deinen Button.

+2

XCode 4.3.1 ist jetzt als eigenständige App Store App verteilt. Der relevante Ordner ist jetzt /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator5.1.sdk/Applications/WebSheet.app, enthält aber leider nicht mehr die Datei ArrowBack.png: ( –

+2

Ich habe gerade einige Pfeile unter /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator5.1.sdk/Applications/MobileSafari.app/FindOnPagePreviousResult.png – Mert

0

Ich bin nicht sicher, wie das iPhone apps verpackt werden, aber wenn Sie die .app-Ordner öffnen und herumzustochern, sollten Sie die aktuelle Bilddatei dort in den Ordner Ressourcen finden können ...

4

Ich hatte das gleiche Problem, aber haben eine sehr schöne Lösung gefunden:

http://outerlevel.com/blog/2008/12/26/code-example-drawing-the-iphone-back-button/

Aber Sie haben einige Werte

wie folgt zu ändern:

CGContextBeginPath(context); 
CGContextMoveToPoint(context, 8.0f, 12.0f); 
CGContextAddLineToPoint(context, 24.0f, 3.0f); 
CGContextAddLineToPoint(context, 24.0f, 21.0f); 
CGContextClosePath(context); 
CGContextFillPath(context); 

eine einzige wenig zwicken von mir, weil die Zurück-Taste nicht auf die Vorwärts-Taste ausgerichtet war, zurück-Taste war 1px zu hoch. BTW sollte ich dies zum Community Wiki machen? ich bin neu hier ...

+0

Hagel Unicode :) gefunden Die obige Lösung mit den Unicode Chars ist brillant und sehr einfach! –

8

Unicode ist dein Freund hier.

Erstellen Sie ein UIBarButtonItem (im Interface Builder oder im Code) und legen Sie es auf "Benutzerdefiniert" fest, wo Sie Text für die Schaltfläche eingeben können.

Sie jetzt Unicode-Zeichen verwenden, um die Rückseite & vorwärts Tasten zu simulieren:

◄ und ►

ich es in meinem Apps nutzen, und es sieht gut aus.

+0

Das ist eine großartige Idee, aber in meinem Fall sind die Dreiecke zerquetscht. Irgendeine Idee, wie man es repariert? [Screenshot] (http://i.imgur.com/49yfA.png) –

+2

Versuchen Sie es mit einer anderen Schriftart oder mit einem anderen Dreieckszeichen (siehe hier: http://www.alanwood.net/unicode/geometric_shapes.html) –

+0

Ich habe es versucht, aber es hat einen Rand um die Tasten gelegt. @PaulWieland wie hast du es ohne die Grenzen gemacht? Könnt ihr den Code teilen? Vielen Dank! – ma11hew28

23

Ich habe sie nur für mich gemacht, im Grunde sind sie exakte Kopien (zählen Sie nicht die Pixel). Sie können sie beliebig verwenden, kommerziell oder nicht. Versuchen Sie bitte nicht, sie zu verkaufen.

[Datei entfernt, iOS 7 einen ganz neuen Look für die Tasten eingeführt.]

+0

Danke, sie waren hilfreich. Aber wie viel würde jemand wirklich für zwei schwarze Dreiecke bezahlen? – bearMountain

+2

Wenn es in ein Paket integriert ist ... – ff10

+0

fair genug .... – bearMountain

2

Wenn ich nur Unicode für links zeig @ Dreieck verwenden "\ U000025C0", verwendet es Apple Color Emoji. Um ein einfaches Symbol ohne Farbe zu verwenden, verwenden Sie den Unicode-Varianten-Selektor für den Text-Stil-Emoji ("\ U0000FE0E").

Die Zeichenfolge für das nach links weisende Dreieck ist also @ "\ U000025C0 \ U0000FE0E".

Ich denke, das ist die Frage nur auf iPhone Simulator (auf Mountain Lion unterstützt Unicode 6.1), und verursacht noch kein Problem auf dem tatsächlichen Gerät.

Verwandte Themen