Zeichnet abgerundete Ecke in DrawRect: schneller als mit CALayer setCornerRadius?

Question

Um die Leistung der Benutzeroberfläche zu verbessern, wählte der Präsentator 2011 in der WWDC-Videosession 121 die abgerundeten Ecken mit UIBezierPath in drawRect:, anstatt den Eckenradius direkt auf einer Ebene festzulegen.

Warum ist Zeichnen mit UIBezierPath unbedingt schneller? drawRect: passiert in Software, die auch langsam sein kann.

Answer 1

Kurze Antwort: Wahrscheinlich bleiben Sie einfach mit CALayer cornerRadius, bis Sie ein Leistungsproblem sehen.

Lange Antwort:

Wir zunächst zwischen „Zeichnung“ und „Compositing“ unterscheiden müssen.

Zeichnen auf iOS ist der einfache Vorgang des Füllens einer Textur mit Pixeln (eine CPU eingeschränkte Aufgabe). Beim Compositing werden alle diese Texturen in einem einzigen Bild abgeflacht, um auf den Bildschirm gedruckt zu werden (eine GPU-beschränkte Aufgabe). Im Allgemeinen, wenn Sie scrollen oder animieren, besteuern Sie die GPU, was gut ist, weil Dinge, wie das Verschieben aller Pixel um eins, etwas sind, was die GPU zum Frühstück isst.

-drawRect: ist reine Zeichnung und verwendet die CPU, um eine Textur zu füllen. CALayers cornerRadius ist im Compositing-Schritt erledigt und betont die GPU.

Verwendung von -drawRect: hat sehr hohe Anfangskosten (es könnte leicht länger als ein Frame dauern) und nicht triviale Speicherauslastung, aber scrollt danach sehr glatt (es ist nur eine Textur wie jede andere Textur). Mit dem Eckenradius von CALayer können Sie blitzschnell eine Reihe von Ansichten mit Eckenradius erstellen, aber sobald Sie mehr als ein Dutzend bekommen, können Sie sich von der Scrollgeschwindigkeit verabschieden (denn die GPU muss nicht nur normale Scroll-Aufgaben erledigen, sondern muss auch) fügen Sie den Eckenradius wieder in Ihre Ansicht ein).

Aber nehmen Sie mein Wort dafür nicht, haben Sie etwas Mathe. Ich passte Florian Kugler’s benchmark an und lief auf einem iPhone 4S mit iOS 6.1.3. Ich messe, wie viele Ansichten anfänglich in 1/60 einer Sekunde erstellt werden können, und messe dann, wie viele Ansichten animiert werden können, bevor die Bildrate unter 60 fps fällt. Mit anderen Worten: Vorabkosten gegenüber Framerate-Kosten.

 
             | -drawRect:  | CALayer’s cornerRadus 
max number of views rendered in 16.6ms |  5 views |  110 views 
max number of views animating at 60fps | ~400 views |  12 views 

(beachten Sie, dass die App für die Verwendung von zu viel Speicher bei 500 -drawRect getötet wird: views)

Am Ende des Tages, in meinen eigenen Projekten neige ich dazu, so viel zu CALayer des corner haften wie möglich. Ich habe selten mehr als ein paar Ansichten mit abgerundeten Ecken und -drawRect benötigt: hat einfach zu viel von einer anfänglichen Leistung getroffen. Und eine Ansicht zu unterteilen, nur um die Ecken zu runden, ist nur, ugh.

Aber egal, welche Methode Sie am Ende wählen, achten Sie darauf, wie reibungslos und reaktionsschnell Ihre App ist, und reagieren Sie entsprechend.