How to develop Slices apps

Transcript

1. Slices 氏 wasabeef Shibuya.aab #25
2. About me Daichi Furiya Google Developer Expert CyberAgent, Inc. @wasabeef_jp wasabeef
3. Jetpack
4. Slices
5. Slices Google検索結果の中に自分のアプリ のUI、アクションなど表示すること ができる アプリ名やアクションーワードなど eg. [maps], [lyft], [airbnb] eg. [get a ride], [trending videos]
6. Next future of Slices Search Push Long Press Home Screen
7. Slices patterns
8. Slices 　　Slices will start appearing soon for users, but you can start building today.
9. Slice Viewer 4.4 or later For Debug https://g.co/Slices $ adb install -r -t slice-viewer.apk
10. <provider /> in AndroidManifest.xml SliceProvider ListBuilder extends TemplateSliceBuilder SliceAction SliceView (SliceManager, SliceLiveData) Points
11. SliceManager https://blog.novoda.com/android-p-slices-missing-documentation-part-2/ Host Provider
12. <provider /> in AndroidManifest.xml SliceProvider ListBuilder extends TemplateSliceBuilder SliceAction SliceView (SliceManager, SliceLiveData) Points
13. <provider /> in AndroidManifest.xml SliceProvider ListBuilder extends TemplateSliceBuilder SliceAction SliceView (SliceManager, SliceLiveData) Points
14. <provider /> in AndroidManifest.xml SliceProvider ListBuilder extends TemplateSliceBuilder SliceAction SliceView (SliceManager, SliceLiveData) Points
15. <provider /> in AndroidManifest.xml SliceProvider ListBuilder extends TemplateSliceBuilder SliceAction SliceView (SliceManager, SliceLiveData) Points
16. <provider /> in AndroidManifest.xml SliceProvider ListBuilder extends TemplateSliceBuilder SliceAction SliceView (SliceManager, SliceLiveData) Points
17. Testing & Permission $ adb shell am start -a android.intent.action.VIEW \ -d slice-<your slice URI>
18. Gradle buildscript { repositories { google() } dependencies { classpath 'com.android.tools.build:gradle:3.2.0-alpha15' } } // ... dependencies { implementation 'androidx.slice:slice-core:1.0.0-alpha1' implementation ‘androidx.slice:slice-builders:1.0.0-alpha1' // ssIf you wanna use SliceView implementation 'androidx.slice:slice-view:1.0.0-alpha1' }
19. AndroidManifest.xml <application ... <provider android:name=".MySliceProvider" android:authorities="jp.wasabeef.slices" android:exported="true"> <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.app.slice.category.SLICE" /> </intent-filter> </provider> <activity android:name=".MainActivity"> ... </activity> </application>
20. AndroidManifest.xml <application ... <provider android:name=".MySliceProvider" android:authorities="jp.wasabeef.slices" android:exported="true"> <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.app.slice.category.SLICE" /> </intent-filter> </provider> <activity android:name=".MainActivity"> ... </activity> </application>
21. AndroidManifest.xml <application ... <provider android:name=".MySliceProvider" android:authorities="jp.wasabeef.slices" android:exported="true"> <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.app.slice.category.SLICE" /> </intent-filter> </provider> <activity android:name=".MainActivity"> ... </activity> </application>
22. AndroidManifest.xml <application ... <provider android:name=".MySliceProvider" android:authorities="jp.wasabeef.slices" android:exported="true"> <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.app.slice.category.SLICE" /> </intent-filter> </provider> <activity android:name=".MainActivity"> ... </activity> </application>
23. SliceProvider class MySliceProvider : SliceProvider() { override fun onCreateSliceProvider(): Boolean = true override fun onBindSlice(sliceUri: Uri): Slice? { return when (sliceUri.path) { "/ping" -> { ListBuilder(context, sliceUri, ListBuilder.INFINITY) .addRow { it.setTitle("pong") } .build() } else -> null } } }
24. SliceProvider class MySliceProvider : SliceProvider() { override fun onCreateSliceProvider(): Boolean = true override fun onBindSlice(sliceUri: Uri): Slice? { return when (sliceUri.path) { "/ping" -> { ListBuilder(context, sliceUri, ListBuilder.INFINITY) .addRow { it.setTitle("pong") } .build() } else -> null } } }
25. SliceProvider class MySliceProvider : SliceProvider() { override fun onCreateSliceProvider(): Boolean = true override fun onBindSlice(sliceUri: Uri): Slice? { return when (sliceUri.path) { "/ping" -> { ListBuilder(context, sliceUri, ListBuilder.INFINITY) .addRow { it.setTitle("pong") } .build() } else -> null } } }
26. SliceProvider class MySliceProvider : SliceProvider() { override fun onCreateSliceProvider(): Boolean = true override fun onBindSlice(sliceUri: Uri): Slice? { return when (sliceUri.path) { "/ping" -> { /** content://jp.wasabeef.slices/ping **/ } "/open" -> { /** content://jp.wasabeef.slices/open **/ } "/map" -> { /** content://jp.wasabeef.slices/map **/ } "/dog" -> { /** content://jp.wasabeef.slices/dog **/ } "/cat" -> { /** content://jp.wasabeef.slices/cat **/ } else -> null } } }
27. SliceProvider class MySliceProvider : SliceProvider() { override fun onCreateSliceProvider(): Boolean = true override fun onBindSlice(sliceUri: Uri): Slice? { return when (sliceUri.path) { "/ping" -> { ListBuilder(context, sliceUri, ListBuilder.INFINITY) .addRow { it.setTitle("pong") } .build() } else -> null } } }
28. SliceProvider class MySliceProvider : SliceProvider() { override fun onCreateSliceProvider(): Boolean = true override fun onBindSlice(sliceUri: Uri): Slice? { return when (sliceUri.path) { "/ping" -> { ListBuilder(context, sliceUri, ListBuilder.INFINITY) .addRow { it.setTitle("pong") } .build() } else -> null } } }
29. SliceProvider class MySliceProvider : SliceProvider() { override fun onCreateSliceProvider(): Boolean = true override fun onBindSlice(sliceUri: Uri): Slice? { return when (sliceUri.path) { "/ping" -> { ListBuilder(context, sliceUri, ListBuilder.INFINITY) .addRow { it.setTitle("pong") } .build() } else -> null } } }
30. SliceProvider
31. Basic Sample OK $ adb shell am start -a android.intent.action.VIEW \ -d slice-content://jp.wasabeef.slices/ping NG $ adb shell am start -a android.intent.action.VIEW \ -d slice-content://jp.wasabeef.slices/hoge
32. SliceAction override fun onBindSlice(sliceUri: Uri): Slice? { return when (sliceUri.path) { "/open" -> createOpenActivity(sliceUri) else -> null } } private fun createOpenActivity(sliceUri: Uri): Slice { return ListBuilder(context, sliceUri, ListBuilder.INFINITY) .addRow { it.apply { setTitle("Perform action in app") setPrimaryAction(createActivityAction()) } }.build() } private fun createActivityAction(): SliceAction { val intent = Intent(context, MainActivity::class.java) return SliceAction(PendingIntent.getActivity(context, 0, intent, 0), IconCompat.createWithResource(context, R.mipmap.ic_launcher), "Open MainActivity.") }
33. SliceAction override fun onBindSlice(sliceUri: Uri): Slice? { return when (sliceUri.path) { "/open" -> createOpenActivity(sliceUri) else -> null } } private fun createOpenActivity(sliceUri: Uri): Slice { return ListBuilder(context, sliceUri, ListBuilder.INFINITY) .addRow { it.apply { setTitle("Perform action in app") setPrimaryAction(createActivityAction()) } }.build() } private fun createActivityAction(): SliceAction { val intent = Intent(context, MainActivity::class.java) return SliceAction(PendingIntent.getActivity(context, 0, intent, 0), IconCompat.createWithResource(context, R.mipmap.ic_launcher), "Open MainActivity.") }
34. SliceAction package androidx.slice.core; ... /** * Interface for a slice action, supports tappable icons, custom toggle icons, * and default toggles. */ public interface SliceAction { @Nullable SliceAction setContentDescription(@NonNull CharSequence description); SliceAction setChecked(boolean isChecked); SliceAction setPriority(@IntRange(from = 0) int priority); @Nullable PendingIntent getAction(); @Nullable IconCompat getIcon(); @Nullable CharSequence getTitle(); @Nullable CharSequence getContentDescription(); int getPriority(); boolean isToggle(); boolean isChecked(); @SliceHints.ImageMode int getImageMode(); boolean isDefaultToggle(); }
35. SliceAction /** * Construct a SliceAction representing a tappable icon. * * @param action the pending intent to invoke for this action. * @param actionIcon the icon to display for this action. * @param actionTitle the title for this action, also used for content description * if one hasn't * been set via {@link #setContentDescription(CharSequence)}. */ public SliceAction(@NonNull PendingIntent action, @NonNull IconCompat actionIcon, @NonNull CharSequence actionTitle) { this(action, actionIcon, ICON_IMAGE, actionTitle); }
36. Primary Action Sample http://www.meg-snow.com/products/ $ adb shell am start -a android.intent.action.VIEW \ -d slice-content://jp.wasabeef.slices/open
37. GridRow class MySliceProvider : SliceProvider() { override fun onCreateSliceProvider(): Boolean = true override fun onBindSlice(sliceUri: Uri): Slice? { return when (sliceUri.path) { "/ping" -> { ListBuilder(context, sliceUri, INFINITY) .addRow { it.setTitle("pong") } .build() } else -> null } } } http://www.meg-snow.com/products/
38. GridRow class MySliceProvider : SliceProvider() { override fun onCreateSliceProvider(): Boolean = true override fun onBindSlice(sliceUri: Uri): Slice? { return when (sliceUri.path) { "/ping" -> { ListBuilder(context, sliceUri, INFINITY) .addRow { it.setTitle("pong") } .build() } else -> null } } }
39. GridRow return ListBuilder(context, sliceUri, INFINITY) .addGridRow { it.apply { addCell { // title, image, intent …etc } addCell { // title, image, intent …etc } addCell { // title, image, intent …etc } } }.build() http://www.meg-snow.com/products/
40. Slices patterns
41. Types of Row Row GridRow RangeRow InputRangeRow
42. SliceView http://www.meg-snow.com/products/ http://www.meg-snow.com/products/ val sliceUri = Uri.parse("content://jp.wasabeef.slices/open") // Sync val manager = SliceManager.getInstance(context!!) sliceView.slice = manager.bindSlice(sliceUri) // Async and LiveData SliceLiveData.fromUri(context, sliceUri) .observe(this, Observer({ sliceResult -> sliceView.slice = sliceResult }))
43. SliceManager https://blog.novoda.com/android-p-slices-missing-documentation-part-2/ Host Provider
44. How to update val sliceUri = Uri.parse("content://jp.wasabeef.slices/open") context.contentResolver.notifyChange(sliceUri, null)
45. Conclusion
46. Thank you. twitter.com/wasabeef_jp wasabeef.jp github.com/wasabeef