ZuluDeltaNiner ZuluDeltaNiner - 2 months ago 26
iOS Question

iOS 7 Back Button Symbol?

I really like the shape of the back button arrow in iOS 7, and would like to use it on one of my UIButtons, but like > instead of <. Would there be a way with text, or should I just use images?

Answer

My solution is to use a Unicode character as back button icon:

SINGLE LEFT-POINTING ANGLE QUOTATION MARK Unicode: U+2039, UTF-8: E2 80 B9

HTML Entity: &lsaquo;

Drawback:

  • Does not exactly look like the real back button icon, but close enough for me

Advantages:

  • Simple and quick to implement
  • No image file needed
  • Thus, the color of the back button icon is not fixed but may get adjusted by color design changes / new versions of iOS

Instructions:

  • Show the OS X Character Viewer (next to the clock, maybe you have to activate it in Preferences -> Keyboard)
  • In the left list, click on "Parentheses"
  • In Xcode, place your text cursor inside the string you define as back button text
  • In the Character Viewer, click on the first entry in the third row (I had to click a few times until it was inserted in Xcode)

Maybe there are even better characters which look like the back button icon...

Comments