Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Developing for the Big Screen - GDG Berlin Android 2014 10 Meetup
Search
Hasan Hosgel
October 29, 2014
Technology
0
49
Developing for the Big Screen - GDG Berlin Android 2014 10 Meetup
Hasan Hosgel
October 29, 2014
Tweet
Share
More Decks by Hasan Hosgel
See All by Hasan Hosgel
What's new in PlayStore @ IO19 @ BerlinDroid May 2019
alosdev
0
52
Living on a green rocket field - DevFest Istanbul 2018
alosdev
1
180
Living on a green rocket field - Mobilization 2018
alosdev
1
140
Living on a green rocket field - GDG Berlin Android meetup
alosdev
2
160
Actions on Google - GDG Berlin Android Meetup February 2017
alosdev
0
140
PERFMATTERS for Android - DevFest Switzerland 2016
alosdev
0
140
Let's Map It! DevFest Hamburg 2016
alosdev
0
110
PERFMATTERS for Android - DroidCon VIenna 2016
alosdev
0
41
PERFMATTERS for Android - DroidCon Berlin 2016
alosdev
0
1.7k
Other Decks in Technology
See All in Technology
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
3
770
強みを伸ばすキャリアデザイン
yug1224
0
200
エンタープライズ環境下での Active Directory の運用 TIPS
tamaiyutaro
1
1.5k
転移学習とドメイン適応の基礎
kmatsui
2
570
[PlatformCon 24] Platform Orchestrators: The Missing Middle of Internal Developer Platforms?
danielbryantuk
1
180
0→1開発における技術選定において一番大切なこと
bicstone
1
320
SREとその組織類型
tatsuo48
8
1.5k
コードを書く隙間を見つけて生きていく技術/Findy 思考の現在地
fujiwara3
24
5k
インシデントレスポンスのライフサイクルを廻すポイントってなに / Pinpoints of Incidentresponse Lifecycle for Operation
sakaitakeshi
1
300
少数チームで挑む: SwiftUI, TCA, KMPを用いた 新規動画配信アプリ 「ABEMA Live」の開発について
tomu28
0
530
Janus
bkuhlmann
1
490
オーナーシップを持つ領域を明確にする
konifar
11
2.3k
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
503
110k
GitHub's CSS Performance
jonrohan
1023
450k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.1k
A Tale of Four Properties
chriscoyier
150
22k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
243
20k
Faster Mobile Websites
deanohume
297
30k
The Language of Interfaces
destraynor
151
23k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Building Flexible Design Systems
yeseniaperezcruz
318
37k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
Transcript
Developing for the Big Screen From Android TV to Chromecast
about me Hasan Hosgel G+: Hasan Hosgel Twitter: @alosdev Github:
alosdev Senior Developer @ImmobilienScout24
Prerequisite • casual consumption - not focused like on phone
• cinematic experience - 3 meter away • Simplicity - no touchpad
None
Navigation • D-Pad in two axis • enter Button •
Back • Home
None
Navigation support • use appropriate states for better recognotion of
focus/ selection • use sound - occasionally • use next focus targets - for defining own navigation flow ⇒ TEST IT properly
how to get started • Sample Project https://github.com/googlesamples/androidtv- Leanback/ •
DevByte Video https://www.youtube.com/watch? v=72K1VhjoL98
needed libraries • v17 leanback support library • v7 recyclerview
support library • v7 cardview support library forces to use also • v4 support library
AndroidManifest extension <activity android:name="MainActivity" android:label="@string/app_name" android:theme="@style/Theme.Leanback"> <intent-filter> <action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LEANBACK_LAUNCHER" /> </intent-filter> </activity>
AndroidManifest extension <activity android:name="MainActivity" android:label="@string/app_name" android:theme="@style/Theme.Leanback"> <intent-filter> <action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LEANBACK_LAUNCHER" /> </intent-filter> </activity>
AndroidManifest extension <activity android:name="MainActivity" android:label="@string/app_name" android:theme="@style/Theme.Leanback"> <intent-filter> <action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LEANBACK_LAUNCHER" /> </intent-filter> </activity>
Not supported Hardware features • android.hardware.touchscreen • android.hardware.telephony • android.hardware.camera
• android.hardware.nfc • android.hardware.location.gps • android.hardware.microphone
avoid filtering in play store • set the attribute “required”
to “false” in AndroidManifest ⇒ If you don’t to this, the application cannot be found on the play store for TV
recognize TV programmatically UiModeManager uiModeManager = (UiModeManager) getSystemService(UI_MODE_SERVICE); if (uiModeManager.getCurrentModeType()
== Configuration.UI_MODE_TYPE_TELEVISION) { Log.d(TAG, "Running on a TV Device") } else { Log.d(TAG, "Running on a non-TV Device") }
None
BrowseFragment
BrowseFragment
DetailFragment
VerticalGridFragment
SearchFragment
How to test? • ADT-1 • Nexus Player • Emulator
ChromeCast • Sender Application ◦ Android ◦ Chrome ◦ IOs
• Receiver Application ◦ HTML ⇒ register your receiver application https://cast. google.com/publish/ - costs 5$
needed libraries • v7 appcompat support library • v7 mediarouter
support library • google play services library forces to use also • v4 support library
Resources • Site: https://developers.google.com/cast/ • repositories: https://developers.google. com/cast/docs/downloads
Additional possibility for Android With the feature “mirror screen” you
can now use the “presentation mode” again for your Android application, like for MiraCast
Q & A