Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How to optimize TableView for Titanium Mobile

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Naoya Ito Naoya Ito
October 29, 2011
Technology
1.1k
7

How to optimize TableView for Titanium Mobile

Avatar for Naoya Ito

Naoya Ito

October 29, 2011

More Decks by Naoya Ito

See All by Naoya Ito
Haskell を武器にして挑む競技プログラミング ─ 操作的思考から意味モデル思考へ
Avatar for Naoya Ito naoya
12
4.2k
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
Avatar for Naoya Ito naoya
21
7.8k
Functional TypeScript
Avatar for Naoya Ito naoya
18
6.8k
TypeScript 関数型スタイルでバックエンド開発のリアル
Avatar for Naoya Ito naoya
77
38k
シェルの履歴とイクンリメンタル検索を使う
Avatar for Naoya Ito naoya
16
6.7k
20230227-engineer-type-talk.pdf
Avatar for Naoya Ito naoya
91
86k
関数型プログラミングと型システムのメンタルモデル
Avatar for Naoya Ito naoya
63
110k
TypeScript による GraphQL バックエンド開発
Avatar for Naoya Ito naoya
29
37k
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
Avatar for Naoya Ito naoya
67
25k

Other Decks in Technology

See All in Technology
運用を見据えたAIエージェント設計実践
Avatar for amacbee amacbee
0
2k
AI時代の私の技術インプットとアウトプット術
Avatar for tonkotsuboy_com tonkotsuboy_com
16
8.2k
トークン数だけでは測れない — Claude Code 組織展開の効果検証から学んだこと
Avatar for Masaki Kubota makikub
0
110
Diagnosing performance problems without the guesswork
Avatar for Elena Tanasoiu elenatanasoiu
0
150
コードレビューを制するチームがソフトウェアデリバリーのフローを制す / Beyond Code Review: Distributing Its Responsibilities Across the SDLC
Avatar for mtx2s mtx2s
3
750
サイバーセキュリティ概論 / Introduction to Cybersecurity
Avatar for Kenji Saito ks91
PRO
0
120
Claude code Orchestra
Avatar for Taisei Ozaki ozakiomumkj
3
900
先取りMaven4 ～16年ぶりのメジャーアップデート、その進化とは？～
Avatar for 荻原利雄 ogiwarat
0
130
イベントストーミングとKiroの仕様駆動開発で実現する要件の認識合わせプロセス
Avatar for syobochim syobochim
7
1.1k
もりもり新機能を一挙紹介！ AgentCoreに入門して、AWS上にAIエージェントを構築しよう
Avatar for みのるん minorun365
PRO
6
680
プラットフォームエンジニア ワークショップ/ platform-workshop
Avatar for Databricks Japan databricksjapan
0
170
美味しいスイスチーズを作ろう🧀🐭
Avatar for Taiga Mikami taigamikami
1
220

Featured

See All Featured
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
200
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.2k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
950
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
530
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
200
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
220
Docker and Python
Avatar for Tania Allard trallard
47
3.9k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.4k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k

Transcript

  1. TableView Naoya Ito How to optimize for Titanium Mobile

  2. HBFav github.com/naoya/HBFav

  3. TableView gotta optimize

  4. use Instruments it's bundled with xcode

  5. None

  6. oops! Red = Blended Layer

  7. "borderRadius" brings up Offscreen-Rendered Yellow. Do not use cornered elements

    on TableView

  8. Scaling Image causes Copied Image & Blended Layer. Use original

    size of the image

  9. All Labels have a transparent background. There is no public

    way to make them opaque...

  10. Hacking Titanium Mobile build/iphone/Classes/TiUILabel.m // override -(void)setBackgroundColor_:(id)color { if ([color

    isKindOfClass:[UIColor class]]) { label.backgroundColor = color; } else { TiColor *ticolor = [TiUtils colorValue:color]; label.backgroundColor = [ticolor _color]; } }

  11. before after achieve a faster & smoother scroll

  12. USE Instruments then remove Blended Layer & Offscreen-Rendering

  13. Thanks! cf. www.fenrir.co.jp/blog/2011/10/ios-animation-tuning.html Design inspired by: zachholman.com/posts/slide-design-for-developers/