Pencere içinde pencere (PiP) Jetpack kitaplığı, Android uygulama geliştiricilerin PiP işlevini (özellikle medya oynatma, görüntülü iletişim ve gezinme uygulamaları için) uygulamasına yönelik kolaylaştırılmış ve sağlam bir çözüm sunar. Kitaplık, birleşik bir API sağlayarak ortak metin kodlarını ve uygulamadaki yaygın hataları ortadan kaldırmaya yardımcı olur ve PiP kullanıcı deneyiminin genel kalitesini artırır.
PiP Jetpack kitaplığı, Android ekosistemindeki çeşitli temel zorlukları ve tutarsızlıkları ele alarak mevcut PiP API'lerini kolaylaştırır:
- OS parçalanması: Kitaplık, çeşitli Android sürümlerinde PiP API çağrılarındaki farklılıkları otomatik olarak işler. Örneğin, Android 12'den önce
enterPictureInPictureMode, sonra iseisAutoEnterEnabledkullanılır. Böylece geliştiricilerin sürüm farklılıklarını yönetmesi gerekmez. - Hatalı PiP parametreleri: Medya oynatma sırasında sorunsuz ve yüksek kaliteli animasyonlar oluşturmak için
setSourceRectHintgibi PiP parametrelerini doğru şekilde ayarlamaya yönelik birleşik bir çözüm sunar. - Birleştirilmiş PiP durumu geri çağırmaları: Durum ve kullanıcı arayüzü yönetimini basitleştirmek için
onPictureInPictureModeChangedveonPictureInPictureUiStateChanged, tek bir birleştirilmiş geri çağırma arayüzünde (PictureInPictureDelegate.OnPictureInPictureEventListener) birleştirilir. - Ortak metin kodu azaltma: Kitaplık, yaygın kullanım alanları için önceden tanımlanmış
RemoteActionskümeleri sunarak tekrarlayan ortak metin kodunun miktarını azaltır. Örneğin, oynatma kontrolleri ve görüntülü görüşme işlemleri. - Geleceğe yönelik: Diğer PiP özellikleri Jetpack kitaplığı aracılığıyla sunulur. Bu sayede, özelliği kullananlar ek işlevlere en az çabayla veya hiç çaba harcamadan erişebilir.
Taşıma iş akışı
Uygulamanın kullanım alanı kategorisini ve eski PiP mantığını belirleyin:
Kategoriler: Video Oynatma, Gezinme veya Görüntülü Görüşme.
Legacy PiP Logic to Identify:
onUserLeaveHintsetAutoEnterEnabledonPictureInPictureModeChangedonPictureInPictureUiStateChangedsetPictureInPictureParams.
2. AndroidManifest Yapılandırması
Gereksiz yeniden başlatmaları önlemek için PiP'e giren Etkinliğin, gerekli configChanges ile AndroidManifest.xml içinde desteği bildirdiğinden emin olun:
<activity
android:name="VideoActivity" android:supportsPictureInPicture="true"
android:configChanges="screenSize|smallestScreenSize|screenLayout|orientation">
</activity>
3. Ortam Kurulumu
Gerekli bağımlılıkları build.gradle'ya ekleyin:
dependencies {
implementation("androidx.core:core:1.18.0")
implementation("androidx.activity:activity:1.13.0")
implementation("androidx.core:core-pip:1.0.0-alpha02") }
Bağımlılıklar için en yeni AndroidX kitaplıklarını kullanın ve bu bilgiler için sürümler sayfasına bakın.
4. Şablon Seçimi ve Başlatma
Uygulamanın kullanım alanına en uygun uygulama şablonunu seçin:
- Gezinme ve görüntülü görüşme:
BasicPictureInPicture; sorunsuz yeniden boyutlandırma genellikle desteklenmez ve kaynak dikdörtgen ipucuna ihtiyacınız yoktur. - Video oynatma:
VideoPlaybackPictureInPicture; kaynak dikdörtgen ipucu için oynatıcı görünümü sınırlarını otomatik olarak izler ve varsayılan olarak sorunsuz yeniden boyutlandırmayı etkinleştirir.
Jetpack Kitaplığı'nı kullanmak için mevcut özel PiP uygulamanızı Jetpack Kitaplığı API'leriyle değiştirin. Uygulama, mevcut uygulamasına bağlı olarak farklı karmaşıklık ve maliyetlerde kullanılabilir.
Aşağıdaki bölümlerde, PiP'nin bazı tipik kullanım alanları ve gerekli uygulama adımları açıklanmaktadır:
Gezinme
Uygulama, gezinmenin etkin veya etkin olmayan durumu hakkında kitaplığı bilgilendirir ve en-boy oranını ayarlar. Geri kalan işlemler Jetpack kitaplığı tarafından gerçekleştirilir.
Temel farklar:
- Uygulama tarafında otomatik giriş ve eski giriş arasında ayrım yapılması gerekmez.
- Geri çağırma arayüzleri birleştirildi.
- Geriye dönük uyumluluk için yeni
PictureInPictureParamsoluşturucu.
Görüntülü Görüşme
Uygulama, kitaplığı aramanın etkin veya etkin olmayan durumu hakkında bilgilendirir ve en boy oranını ayarlar.
Temel farklar:
- Uygulama tarafında otomatik giriş ve eski giriş arasında ayrım yapılması gerekmez.
- Geri çağırma arayüzleri birleştirildi.
- Geriye dönük uyumluluk için yeni
PictureInPictureParamsoluşturucu. - Görüntülü görüşme için standartlaştırılmış işlem simgeleri.
5. Kod Taşıma
- Giriş Mantığı:
setAutoEnterEnabledAndroid 12 ve sonraki sürümler için veyaonUserLeaveHintAndroid 11 ve önceki sürümler için gibi API'ye özgü mantığısetEnabledile değiştirin. PiP uygunluk durumu her değiştiğinde bu tetiklenir. - Geri çağırmalar:
onPictureInPictureModeChanged(düzen değiştirme) veonPictureInPictureUiStateChanged(animasyon/durumlar) işlemlerini birleştirerek birleşik etkinlik tabanlı geri çağırmaonPictureInPictureEventoluşturun. - İşlemler ve Parametreler: Parametreleri, şablon örneğinde
setActionsvesetAspectRatiokullanarak her değiştiğinde güncelleyin.
Referans Uygulama Kalıpları
Uygulama örnekleri.
Gezinme ve görüntülü görüşme
class NavOrVideoCallJpipActivity : ComponentActivity(), PictureInPictureDelegate.OnPictureInPictureEventListener { private lateinit var pictureInPictureImpl: BasicPictureInPicture override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) pictureInPictureImpl = BasicPictureInPicture(this) // BasicPictureInPicture is ideal for Navigation and Video call use cases. pictureInPictureImpl.addOnPictureInPictureEventListener( ContextCompat.getMainExecutor(this), this ) setContent { } } override fun onPictureInPictureEvent( event: PictureInPictureDelegate.Event, config: Configuration? ) { when (event) { PictureInPictureDelegate.Event.ENTERED -> { /* Toggle to PiP layout */ } PictureInPictureDelegate.Event.EXITED -> { /* Toggle to Full-screen layout */ } PictureInPictureDelegate.Event.STASHED -> { /* Optional: PiP is stashed */ } PictureInPictureDelegate.Event.UNSTASHED -> { /* Optional: PiP is unstashed */ } } } }
Video Oynatma
class VideoPlaybackJpipActivity : ComponentActivity(), PictureInPictureDelegate.OnPictureInPictureEventListener { private lateinit var pictureInPictureImpl: VideoPlaybackPictureInPicture override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) pictureInPictureImpl = VideoPlaybackPictureInPicture(this) pictureInPictureImpl.addOnPictureInPictureEventListener( ContextCompat.getMainExecutor(this), this ) setContent { ContentScreen(pictureInPictureImpl) } } override fun onPictureInPictureEvent( event: PictureInPictureDelegate.Event, config: Configuration? ) { when (event) { PictureInPictureDelegate.Event.ENTER_ANIMATION_START -> { /* Hide overlays */ } PictureInPictureDelegate.Event.ENTER_ANIMATION_END -> { /* Animation finished */ } PictureInPictureDelegate.Event.ENTERED -> { /* Switch to PiP layout */ } PictureInPictureDelegate.Event.STASHED -> { /* PiP stashed */ } PictureInPictureDelegate.Event.UNSTASHED -> { /* PiP unstashed */ } PictureInPictureDelegate.Event.EXITED -> { /* Return to full-screen */ } } } @Composable fun ContentScreen(pipController: VideoPlaybackPictureInPicture) { DisposableEffect(pipController) { onDispose { pipController.close() } } } }