Picture-in-Picture: Working in Android Oreo




From release of the Android O, which saw some exciting new additions for us to get our hands on!
One of the most noticeable user-facing changes is the introduction of a picture in picture (PIP) option – similar to an Apple iPad feature added in iOS 9 – which should make multitasking easier in some circumstances.  PIP is a special type of multi-window mode mostly used for video playback. PIP mode is already available for Android TV; Android O makes the feature available on other Android devices.
Let’s take a look at this exciting new feature and how we can implement it into our Android applications!
To learn more about Picture-in-Picture I created a playground project to have a play with the new features. You can check this out for yourself here!

What is Picture-In-Picture?

Picture-in-Picture (PiP) allows you to keep videos open as they play on top of of another screen. This wouldn’t be the same as the multi-window feature which allows users to keep two apps open simultaneously, but instead is likely to be more similar to the way YouTube videos play in a small player at the bottom right corner of the screen after you minimize them which allows you to continue scrolling through YouTube and looking at other videos. The change here would be that users will have the ability to do the same type of thing but while in other apps as well.

Implementing Picture-in-Picture

Implementing Picture-in-Picture into our applications is a simple process. There’s only several steps allow us to display PiP-windows to our users!

picture-in-picture support

The first step, is allow your activity to support PiP. Set android:supportsPictureInPicture tag to true:

Enter Picture In Picture Mode

To enter picture-in-picture mode, an activity must call enterPictureInPictureMode(). The other thing to keep in mind is that you need specials parameters to enter to PiP mode from your activity:
You need to set an aspect ratio to PiP parameters builder. The aspect ratio is used when the activity is in PiP mode. To do that, you have to pass the width and height of your video view. Then, you can call to enterPictureInPictureMode passing the PiP parameters built.

Handling UI during picture-in-picture

When the activity enters or exits picture-in-picture mode the system calls Activity.onPictureInPictureModeChanged() or Fragment.onPictureInPictureModeChanged().

References

Location: Kochi, Kerala, India

Comments

Post a Comment

Popular posts from this blog

Android Debug Database: A Library for Debugging Android Databases and Shared Preferences

Image
Android comes with a powerful built-in database called SQLite , but it doesn't come with the best set of debugging tools. When it comes to debugging databases in an android application, it is very difficult to see what’s happening inside the database. The same is true with Shared Preferences . In fact, unless you have a rooted device, you can't even get the SQLite tables off your device without jumping through some hoops. Android Debug Database Android Debug Database is a powerful library for debugging SQLite databases and Shared Preferences in Android applications. It allows you to view databases and shared preferences directly in your browser in a very simple way. By using the Android Debug Database we can do the following: See all the databases. See all the data in the shared preferences used in your application. Run any sql query on the given database to update and delete your data. Directly edit the database values. Directly edit shared prefer...
Keep reading

How to Use Kotlin in Your Android Projects

Image
One great news of moving to Kotlin is, do not need to start from a new project. You could add it to your existing Java Android project. The language is interoperable with Java. So you could use steps below either for a new or existing project. Setting up Your Environment By default, Android Studio has no idea what to do with Kotlin, so the first step is to install the Kotlin plugin and configure Kotlin in your project. Installing the Kotlin Plugin Launch Android Studio and install the kotlin plugin. In Android Studio's quick start menu, select Configure >> Plugins . click on Install JetBrains plugin… Search for and select Kotlin from the list and click Install . When the installation completes, restart Android Studio to activate the plugins. Configuring Your Project to Use Kotlin Now IDE can understand and run Kotlin code, but need to configure kotlin for every project. Create a new project in Android Studio from File >> New ...
Keep reading

Reactive Programming with RxBinding

Image
Developing a complex Android app that has lots of network connections, user interactions, and animations often means writing code that is full of nested callbacks. ReactiveX offers an alternative approach that is both clear and concise, to manage asynchronous tasks and events. ReactiveX ReactiveX is a combination of the best ideas from the Observer pattern, the Iterator pattern, and functional programming RxJava RxJava is a JVM implementation of ReactiveX, developed by NetFlix, and is very popular among Java developers. What is Reactive Programming Reactive programming is an asynchronous programming paradigm oriented around data streams and the propagation of change. This means that it should be possible to express static (e.g. arrays) or dynamic (e.g. event emitters) data streams with ease in the programming languages used, and that the underlying execution model will automatically propagate the changes through the data flow. For example, in an imperative p...
Keep reading

Introduction to Spring Animation

Image
When writing an application, it's important to consider exactly what your graphical demands will be. Varying graphical tasks are best accomplished with varying techniques. Android provides a variety of powerful APIs for applying animation to UI elements and drawing custom 2D and 3D graphics. Dynamic-animation is a new module introduced in revision 25.3.0 of the Android Support Library . It provides a small set of classes for making realistic Physics-based Animations . What is Physics-based Animation Physics-based animation uses the fundamentals of physics to build animations. An animation is driven by force. The animation comes to rest when the force reaches equilibrium. The new set of animation APIs embeds physics to render a more natural-looking and flexible animation. Spring Animation Spring Animation is one of the animation API provided by the Dynamic-animation module. Physics-based animations are driven by force. Spring force, is one such force that guides in...
Keep reading

Getting started with Android Fingerprint Authentication

Image
With the release of Android 6.0 Marshmallow, Google has introduced best way to authenticate the User- That is  Fingerprint Authentication .With this API, Google has created a native approach for fingerprint authentication across all Android devices. Developers can now authenticate their users on an app-by-app basis for everything from mobile purchases to app sign-in screens and more with just the tap of a finger. Why fingerprint authentication? let’s look at some of the ways in which fingerprint authentication can improve the user experience: It’s a quick and convenient way of authenticating the user’s identity. You can’t forget a fingerprint! No more struggling with mobile keyboards. No more annoying password recovery or reset. our fingerprint is unique and impossible to guess. Creating the Fingerprint Authentication Project Imagine you are developing an app that requires to perform some critical operation like, payment. You want to be sure that yo...
Keep reading

Exploring Android O: Autosizing TextViews

Image
With the release of first developer preview of Android O, Google come with a solution to auto-size text in a TextView similar to the way the iOS SDK allows to select “ fit text to box ”. Let’s take a look at this exciting new feature and how we can implement it into our Android applications! Autosizing TextViews Android O allows to instruct a TextView to let the size of the text expand or contract automatically to fill its layout based on the TextView's characteristics and boundaries. This setting makes it easier to optimize the text size on different screens with dynamic content. Creating New Project We’ll start by creating new project in Android Studio and do the basic setup required.Create a new project in Android Studio from File > New Project and fill the project details. While creating the project, select the API O: Android 7+(O preview) as Minimum SDK. Update Build Configuration Open build.gradle located under app module and Update compileSdk...
Keep reading

Exploring Android O: Fonts in XML

Image
Google just released a few information about the next version of Android, which arrives later this year and is known for now as Android O . With the first developer preview, we saw some exciting stuff that will have a big impact for developers and the apps they can make. New ways to use custom fonts and icons, a better way to deliver professional-level audio and awesome ways to connect with others for things like head-to-head gaming or local social applications. One of the features of this announcement includes Fonts in XML — in this article we’re going to take a look at exactly what this and how we can make use of them within our applications! Get started with Android O SDK Android O Developer Preview , a program that gives you everything you need to make your apps compatible and build for the next version of Android. Install Android Studio 2.4 To access the O Developer Preview, you must first update to Android Studio 2.4 . Only Android Studio 2...
Keep reading

Kotlin: Do more with less code

Image
Java is the most widely used language for Android development, but that doesn’t mean it is always the best choice.The biggest problem with Java is that it is old , verbose , not a “ modern language ” and don’t forget the infamous NullPointerException . Java 8 , bringing some modern flavors to the language but Android certainly doesn’t use all the features of Java 8 and we are still stuck in the old Java 7 and 6.That's where Kotlin comes in: This relatively new open source language, based on the Java Virtual Machine (JVM), is gaining traction with Android software engineers. What is Kotlin? Kotlin is a statically-typed programming language(sometimes referred to as Swift for Android) that runs on the JVM, developed by the JetBrains team , and is now in its 1.1 version. What makes it useful in Android development is that it compiles to JVM bytecode. It is fully compatible with Java, and Kotlin code can be simply converted to Java code and vice versa (there is a plugin ...
Keep reading

Introduction to Android Bottom Navigation View

Image
Bottom navigation with tabs has been quite a common primary navigation pattern over on iOS for a long time.It enables navigation through a series of hierarchical app screen. Android guidelines already included tabs too, but they were at the top of the screen, combined with swipeable pages, implemented with a ViewPager. Google officially added Bottom Navigation to version 25 of the Design Support Library and released new versions of its Photos and Google+ app with this component as its main navigation.Let’s take a dive into how we can use it! I made a really simple app, you can find it from GitHub Usage Bottom navigation provides quick navigation between top-level views of an app. It is primarily designed for use on mobile. When to use Bottom navigation should be used for: Three to five top-level destinations of similar importance (alternative: a persistent navigation drawer accessible from anywhere in the app) Destinatio...
Keep reading