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

How to optimize TableView for Titanium Mobile

Avatar for Naoya Ito Naoya Ito
October 29, 2011
Technology
7
1.1k

How to optimize TableView for Titanium Mobile

Avatar for Naoya Ito

Naoya Ito

October 29, 2011
Tweet

More Decks by Naoya Ito

See All by Naoya Ito
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
Avatar for Naoya Ito naoya
21
6.8k
Functional TypeScript
Avatar for Naoya Ito naoya
16
6.5k
TypeScript 関数型スタイルでバックエンド開発のリアル
Avatar for Naoya Ito naoya
75
36k
シェルの履歴とイクンリメンタル検索を使う
Avatar for Naoya Ito naoya
16
6.4k
20230227-engineer-type-talk.pdf
Avatar for Naoya Ito naoya
91
78k
関数型プログラミングと型システムのメンタルモデル
Avatar for Naoya Ito naoya
63
110k
TypeScript による GraphQL バックエンド開発
Avatar for Naoya Ito naoya
29
36k
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
Avatar for Naoya Ito naoya
67
24k
「問題から目を背けず取り組む」 一休の開発チームが6年間で学んだこと
Avatar for Naoya Ito naoya
144
60k

Other Decks in Technology

See All in Technology
LINE公式アカウントの技術スタックと開発の裏側
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
320
ユーザーストーリー x AI / User Stories x AI
Avatar for Tomohisa Omagari oomatomo
0
150
嗚呼、当時の本番環境の状態で AI Agentを再評価したいなぁ...
Avatar for po3rin po3rin
0
380
マイクロリブート ~ACEマインドセットで実現するアジャイル~
Avatar for ソニー株式会社 sony
0
190
ソフトウェア品質を支える テストとレビュー再考 / 吉澤 智美さん
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
1
950
エンジニアに定年なし！ AI時代にキャリアをReboot — 学び続けて未来を創る
Avatar for JunjiKoide junjikoide
0
170
クレジットカードの不正を防止する技術
Avatar for Yuta Horii yutadayo
1
610
Proxmox × HCP Terraformで始めるお家プライベートクラウド
Avatar for Lamaglama39 lamaglama39
1
160
3年ぶりの re:Invent 今年の意気込みと前回の振り返り
Avatar for kazzpapa3 kazzpapa3
0
190
Zabbix Conference Japan 2025 ダッシュボードコンテストLT
Avatar for Katato katayamatg
0
150
隙間ツール開発のすすめ / PHP Conference Fukuoka 2025
Avatar for meihei meihei3
0
260
[2025-11-06] ベイズ最適化の基礎とデザイン支援への応用（CVIMチュートリアル）
Avatar for Yuki Koyama yuki_koyama
1
540

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
6k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
33k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
8
1.1k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
730
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.3k

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/