TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Drawing Code for iOS 7 Rounded Rectangles

54 pointsby PixelCutover 11 years ago

6 comments

ginkoover 11 years ago
So it&#x27;s more like the squircle[1] shape used by Nokia in their Symbian and Meego phones.<p>[1]<a href="https://en.wikipedia.org/wiki/Squircle" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Squircle</a>
malkiaover 11 years ago
I&#x27;ve collected few rounded square (squircles :)) codes using cairo (through luajit):<p><a href="http://cairographics.org/cookbook/roundedrectangles/" rel="nofollow">http:&#x2F;&#x2F;cairographics.org&#x2F;cookbook&#x2F;roundedrectangles&#x2F;</a><p><a href="http://graphics.stanford.edu/courses/cs248-98-fall/Final/q1.html" rel="nofollow">http:&#x2F;&#x2F;graphics.stanford.edu&#x2F;courses&#x2F;cs248-98-fall&#x2F;Final&#x2F;q1....</a><p>and two more here (but I forgot to put the links where I got the code from, and I don&#x27;t recall being my original code):<p><a href="https://github.com/malkia/ufo/blob/master/samples/cairo/ui.lua" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;malkia&#x2F;ufo&#x2F;blob&#x2F;master&#x2F;samples&#x2F;cairo&#x2F;ui.l...</a><p><pre><code> gfx:round_rect_a() gfx:round_rect_b() gfx:round_rect_c() gfx:round_rect_d()</code></pre>
elsurudoover 11 years ago
The PaintCode team continue to impress... Great app! Really helped me to generate the drawing code for my custom, dynamic UIViews.
jlasover 11 years ago
As a non-designer techie I&#x27;m always amazed when I see articles showing the subtle differences in the new iOS or OSX.<p>I usually don&#x27;t consciously perceive the subtlety, so seeing these detailed articles helps me appreciate the effort that went into the design.
dsegoover 11 years ago
The new iOS icon shape seems to imitate ubuntu phone (<a href="http://www.ubuntu.com/phone/app-ecosystem" rel="nofollow">http:&#x2F;&#x2F;www.ubuntu.com&#x2F;phone&#x2F;app-ecosystem</a>).
RTeslaover 11 years ago
What would i use this for?