zoukankan      html  css  js  c++  java
  • android分屏

    Android N App分屏模式完全解析(上)

    上手了Android N Preview,第一个不能错过的新特性就是App分屏的支持。Android7.0原生系统就可以支持两个App横屏并排或者竖屏上下摆放了。第二个新特性就是在Android TV上,原生系统也可以支持App实现画中画,用户可以一边看视频一边操作其他的应用。

    其实早先在国内部分厂商以及鹅厂的微信App就已经支持在大尺寸手机上进行分屏浏览。也有一些视频播放器,如MoboPlayer就已经实现了按下Home键回到首页时以迷你播放器的形式进行播放。这种体验非常棒,我猜测一般是通过WindowManager来添加悬浮播放器界面的。但是这次是原生系统增加了对这种特性的支持,相信我们会有更多理由为用户的体验做出更多新的尝试。

    下面介绍一下我参考multi-window-support对App分屏模式进行的实践。

    首先引用一下官方的说法:

    如果你使用Android N Preview SDK来构建你的App,你可以给添加App一些分屏浏览的配置。例如设置Activity的最小尺寸,也可以禁止自己的App进入分屏模式,保证你的App只能在全屏模式下展示。

    概述

    Android N允许用户一次在屏幕中使用两个App,例如将屏幕一分为二,左边浏览网页,右边查看邮件。具体的体验取决于你的设备。

    • 手持设备中,用户可以左右并排/上下摆放两个App来使用。用户还可以左右/上下拖拽中间的那个小白线来改变两个App的尺寸。

    split-screen

    • 在运行Android N的Nexus Player上,App可以实现画中画模式,允许用户使用一个App浏览内容的同时,在另一个App上操作。

    • 大尺寸设备的厂商甚至可以实现自由模式,这样就可以使得用户可以完全自由地改变界面的尺寸。这又是与分屏更为不同一种体验。

    用户是如何操作来进入分屏模式的呢:

    1. 点击右下角的方块,进入任务管理器,长按一个App的标题栏,将其拖入屏幕的高亮区域,这个App金进入了分屏模式。然后在任务管理器中选择另一个App,单击它使得这个App也进入分屏模式。
    2. 打开一个App,然后长按右下角的方块,此时已经打开的这个App将进入分屏模式。然后在屏幕上的任务管理器中选择另外一个App,单击它使得这个App也进入分屏模式。
    3. 最新发现:下拉通知栏,长按右上角的设置图标,将开启隐藏设置功能“系统界面调谐器”,进入设置界面,最下方有系统界面调谐器选项,进入后选择“Other”->“启用分屏上滑手势”,就可以从任务管理器上上滑进入分屏模式了。具体操作是当一个App已经处于全屏模式时,用手指从右下角的小方块向上滑动。这个设置将来在正式版可能有变化,所以还是不要太依赖。

    用户还可以在这两个App之间拖动数据,例如将一个App的Activity上的文件拖动到另外一个App的Activity中去。具体的实现下面会介绍,谷歌官方也有拖拽相关的教程

    分屏模式的生命周期

    首先要说明的一点是,分屏模式没有改变Activity的生命周期。

    官方说法是: > 在分屏模式下,用户最近操作、激活过的Activity将被系统视为topmost。而其他的Activity都属于paused状态,即使它是一个对用户可见的Activity。但是这些可见的处于paused状态的Activity将比那些不可见的处于paused状态的Activity得到更高优先级的响应。当用户在一个可见的paused状态的Activity上操作时,它将得到恢复resumed状态,并被系统视为topmost。而之前那个那个处于topmpst的Activity将变成paused状态。

    怎么理解这段话,看下图:

    two-app

    其实就是说处于分屏模式下的两个Ap各自处于生命周期的什么状态。上图中我打开了两个App,上面的是一个Gmail App,下面这个是一个Demo App(ApkParser先感谢作者的分享~)是个开源应用,能够解析Apk,后面会用到它)。现在这两个App都是进入了分屏模式,我们还可以拖动中间这条白线来调整两个App占用的大小。

    我点击了Gmail,浏览了一封邮件,那么此时Gmail就被系统视为topmost状态,它是处于resumed状态的,而下面的ApkPaserDemo虽然对用户可见,但是它仍然是处于paused状态的。接着我点击了系统的back按钮返回,响应的是上面的Gmail(因为它被视为topmost)。然后我又点击了下面的ApkParserDemo,这时它从paused状态变成了resumed状态。而上面的Gmail进入了 paused状态。

    注意,这两个App对于用户都是始终可见的,当它们处于paused状态时,也将比那些后台的处于不可见的App得到更高系统优先级。这个优先级怎么体现呢?两个App进入分屏模式后,一定有一个处于resume/topmost状态,假如我一直按back返回,当这个topmost状态App的task返回栈已经为空时,那么系统将把另外一个可见的App恢复为全屏模式,这就是我的理解。

    那么这种可见的pause的状态将带来什么影响呢?引用下官方说法是:

    在分屏模式中,一个App可以在对用户可见的状态下进入paused状态,所以你的App在处理业务时,应该知道自己什么时候应该真正的暂停。例如一个视频播放器,如果进入了分屏模式,就不应该在onPaused()回调中暂停视频播放,而应该在onStop()回调中才暂停视频,然后在onStart回调中恢复视频播放。关于如果知道自己进入了分屏模式,在Android N的Activity类中,增加了一个void onMultiWindowChanged(boolean inMultiWindow)回调,所以我们可以在这个回调知道App是不是进入了分屏模式。

    当App进入分屏模式后,将会触发Activity的onConfigurationChanged(),这与以前我们在处理App从横竖屏切换时的方法一样,不同于的是这里是宽/高有所改变,而横竖屏切换是宽高互换。至于如何处理,可以参考官方文档处理运行时变更。我们最好处理好这种运行时状态的改变,否则我们的Activity将被重新创建,即以新的宽高尺寸重新onCreate()一遍。

    注意,如果用户重新调整窗口的大小,系统在必要的时候也可能触发onConfigurationChanged()。当App的窗口被用户拖动,其尺寸改变后界面的还没有绘制完成时,系统将用App主题中的windowBackground属性指定的背景来暂时填充这些区域。

    如何设置App的分屏模式

    说了一堆分屏的操作方法、生命周期,那么作为开发者,怎样才能让App进入分屏模式呢?有下面这几个属性。

    android:resizeableActivity

    如果你适配到了Android N,即build.gradle是这样的:

     1 android {
     2     compileSdkVersion 'android-N'
     3     buildToolsVersion '24.0.0 rc1'
     4 
     5     defaultConfig {
     6         applicationId "com.example.noughtchen.andndemo"
     7         minSdkVersion 'N'
     8         targetSdkVersion 'N'
     9         versionCode 1
    10         versionName "1.0"
    11     }
    12     ...
    13 }

    那么直接在AndroidManifest.xml中的<application>或者<activity>标签下设置新的属性android:resizeableActivity="true"

    设置了这个属性后,你的App/Activity就可以进入分屏模式或者自由模式了。

    如果这个属性被设为false,那么你的App将无法进入分屏模式,如果你在打开这个App时,长按右下角的小方块,App将仍然处于全屏模式,系统会弹出Toast提示你无法进入分屏模式。这个属性在你target到Android N后,android:resizeableActivity的默认值就是true

    注意:假如你没有适配到Android N(targetSDKVersion < Android N),打包App时的compileSDKVersion < Android N,你的App也是可以支持分屏的!!!!原因在于:如果你的App没有 设置 仅允许Activity竖屏/横屏,即没有设置类型android:screenOrientation="XXX"属性时,运行Android N系统的设备还是 可以 将你的App 分屏!! 但是这时候系统是不保证运行时的稳定性的,在进入分屏模式时,系统首先也会弹出Toast来提示你说明这个风险。

    所以其实我们在视频里看到那么多系统自带的App都是可以分屏浏览,原因就在于此。这些App其实也并没有全部适配到Android N。我不是骗你,不信你用ApkParser打开前面分屏过Gmail App的xml文件看看!

    Gmail-xml

    android:supportsPictureInPicture

    这里不多说,Activity标签下,添加android:supportsPictureInPicture="true"即可。

    1 <activity
    2             android:name=".MainActivity"
    3             android:label="@string/app_name"
    4             android:resizeableActivity="true"
    5             android:supportsPictureInPicture="true"
    6             android:theme="@style/AppTheme.NoActionBar">
    7             ...
    8 </activity>

    Layout attributes

    在Android N中,我们可以向manifest文件中添加layout节点,并设置一些新增加的属性,通过这些属性来设置分屏模式的一些行为,如最小尺寸等。

    • android:defaultWidth
    • android:defaultHeight
    • android:gravity
    • android:minimalSize

    我们可以给一个Activity增加一个layout子节点:

     1 <activity
     2             android:name=".MainActivity"
     3             android:label="@string/app_name"
     4             android:resizeableActivity="true"
     5             android:supportsPictureInPicture="true"
     6             android:theme="@style/AppTheme.NoActionBar">
     7             ...
     8             <layout android:defaultHeight="500dp"
     9                     android:defaultWidth="600dp"
    10                     android:gravity="top|end"
    11                     android:minimalSize="450dp" />
    12             ...
    13 </activity>

    作为开发者,我们应该如何让自己的App进入分屏模式,当App进入分屏模式时,我们注意哪些问题。

    简单地说,我认为除了保证分屏时App功能、性能正常以外,我们需要重点学习如何在分屏模式下打开新的Activity以及如何实现跨APP/Activity的拖拽功能

    用分屏模式运行你的App

    Android N中新增了一些方法来支持App的分屏模式。同时在分屏模式下,也禁用了App一些特性。

    分屏模式下被禁用的特性

    • 自定义系统UI,例如分屏模式下无法隐藏系统的状态栏。
    • 无法根据屏幕方向来旋转App的界面,也就是说android:screenOrientation属性会被系统忽略。

    分屏模式的通知回调、查询App是否处于分屏状态

       最新的Android N SDK中Activity类中增加了下面的方法。

    • inMultiWindow():返回值为boolean,调用此方法可以知道App是否处于分屏模式。
    • inPictureInPicture():返回值为boolean,调用此方法可以知道App是否处于画中画模式。

    注意:画中模式其实是一个特殊的分屏模式,如果mActivity.inPictureInPicture()返回true,那么mActivity.inMultiWindow()一定也是返回true

    • onMultiWindowChanged(boolean inMultiWindow):当Activity进入或者退出分屏模式时,系统会回调这个方法来通知开发者。回调的参数inMultiWindow为boolean类型,如果inMultiWindow为true,表示Activity进入分屏模式;如果inMultiWindow为false,表示退出分屏模式。
    • onPictureInPictureChanged(boolean inPictureInPicture):当Activity进入画中画模式时,系统会回调这个方法。回调参数inPictureInPicturetrue时,表示进入了画中画模式;inPictureInPicturefalse时,表示退出了画中画模式。

     Fragment类中,同样增加了以上支持分屏模式的方法,例如Fragment.inMultiWindow()

    如何进入画中画模式

    调用Activity类的enterPictureInPicture()方法,可以使得我们的App进入画中画模式。如果运行的设备不支持画中画模式,调用这个方法将不会有任何效果。更多画中画模式的资料,请参考picture-in-picture

    在分屏模式下打开新的Activity

    当你打开一个新的Activity时,只需要给Intent添加Intent.FLAG_ACTIVITY_LAUNCH_TO_ADJACENT,系统将尝试将它设置为与当前的Activity共同以分屏的模式显示在屏幕上。

    注意:这里只是尝试,但这不一定是100%生效的,前一篇博客里也说过,假如新打开的Activity的android:resizeableActivity属性设置为false,就会禁止分屏浏览这个Activity。所以系统只是尝试去以分屏模式打开一个新的Activity,如果条件不满足,将不会生效!此外,我实际用Android N Preview SDK实践的时候发现这个FLAG实际得值是FLAG_ACTIVITY_LAUNCH_ADJACENT,并非是FLAG_ACTIVITY_LAUNCH_TO_ADJACENT

    当满足下面的条件,系统会让这两个Activity进入分屏模式:

    • 当前Activity已经进入到分屏模式。
    • 新打开的Activity支持分屏浏览(即android:resizeableActivity=true)。

    此时,给新打开的Activity,设置intent.addFlags(Intent.FLAG_ACTIVITY_LAUNCH_ADJACENT | Intent.FLAG_ACTIVITY_NEW_TASK); 才会有效果。

    two-acts

    建议参考官方的Sample:MultiWindow Playground Sample

    那么为何还需要添加FLAG_ACTIVITY_NEW_TASK?看一下官方解释:

    注意:在同一个Activity返回栈中,打开一个新的Activity时,这个Activity将会继承上一个Activity所有和分屏模式有关的属性。如果你想要在一个独立的窗口以分屏模式打开一个新的Activity,那么必须新建一个Activity返回栈。

    此外,如果你的设备支持自由模式(官方名字叫freeform,暂且就这么翻译它,其实我认为这算也是一种尺寸更自由的分屏模式,上一篇博客里提到过如果设备厂商支持用户可以自由改变Activity的尺寸,那么就相当于支持自由模式,这将比普通的分屏模式更加自由),打开一个Activity时,还可通过ActivityOptions.setLaunchBounds()来指定新的Activity的尺寸和在屏幕中的位置。同样,这个方法也需要你的Activity已经处于分屏模式时,调用它才会生效。

    支持拖拽

    在上面介绍里也提到过,现在我们可以实现在两个分屏模式的Activity之间拖动内容了。Android N Preview SDK中,View已经增加支持Activity之间拖动的API。具体的类和方法,可以参考N Preview SDK Reference,主要用到下面几个新的接口:

    • View.startDragAndDrop():View.startDrag() 的替代方法,需要传递View.DRAG_FLAG_GLOBAL来实现跨Activity拖拽。如果需要将URI权限传递给接收方Activity,还可以根据需要设置View.DRAG_FLAG_GLOBAL_URI_READ或者View.DRAG_FLAG_GLOBAL_URI_WRITE
    • View.cancelDragAndDrop():由拖拽的发起方调用,取消当前进行中的拖拽。
    • View.updateDragShadow():由拖拽的发起方调用,可以给当前进行的拖拽设置阴影。
    • android.view.DropPermissions:接收方App所得到的权限列表。
    • Activity.requestDropPermissions():传递URI权限时,需要调用这个方法。传递的内容存储在DragEvent中的ClipData里。返回值为前面的android.view.DropPermissions

    下面是我自己写的一个demo,实现了在分屏模式下,把一个Activity中ImageView中保存的内容到另外一个Activity中进行显示。实际应用中,可以还可以传递图片的url或者Bitmap对象。

    drag-drop

    上图是一个最基本的例子,实现了把MainActivity中的图片保存的内容,拖拽到SecondActivity中。实现步骤如下:

    在MainActivity中,发起拖拽。

     1 // 1.首先我们在分屏模式下,打开自己App中的SecondActivity
     2 findViewById(R.id.launch_second_activity).setOnClickListener(new View.OnClickListener() {
     3             @Override
     4             public void onClick(View view) {
     5                 Intent intent = new Intent(MainActivity.this, SecondActivity.class);
     6                 intent.addFlags(Intent.FLAG_ACTIVITY_LAUNCH_ADJACENT | Intent.FLAG_ACTIVITY_NEW_TASK);
     7                 startActivity(intent);
     8             }
     9         });
    10         
    11 // 2.然后我们在MainActivity中发出拖拽事件
    12 imageView = (ImageView) findViewById(R.id.img);
    13         /** 拖拽的发送方Activity和ImageView */
    14         imageView.setTag("I'm a ImageView from MainActivity");
    15         imageView.setOnTouchListener(new View.OnTouchListener() {
    16 
    17             public boolean onTouch(View view, MotionEvent motionEvent) {
    18                 if (motionEvent.getAction() == MotionEvent.ACTION_DOWN) {
    19                     /** 构造一个ClipData,将需要传递的数据放在里面 */
    20                     ClipData.Item item = new ClipData.Item((CharSequence) view.getTag());
    21                     String[] mimeTypes = {ClipDescription.MIMETYPE_TEXT_PLAIN};
    22                     ClipData dragData = new ClipData(view.getTag().toString(), mimeTypes, item);
    23                     View.DragShadowBuilder shadow = new View.DragShadowBuilder(imageView);
    24                     /** startDragAndDrop是Android N SDK中的新方法,替代了以前的startDrag,flag需要设置为DRAG_FLAG_GLOBAL */
    25                     view.startDragAndDrop(dragData, shadow, null, View.DRAG_FLAG_GLOBAL);
    26                     return true;
    27                 } else {
    28                     return false;
    29                 }
    30             }
    31         });

    SecondActivity中,接收这个拖拽的结果,在ACTION_DROP事件中,把结果显示出来。

     1 dropedText = (TextView) findViewById(R.id.text_drop);
     2         dropedText.setOnDragListener(new View.OnDragListener() {
     3             @Override
     4             public boolean onDrag(View view, DragEvent dragEvent) {
     5                 switch (dragEvent.getAction()) {
     6                     case DragEvent.ACTION_DRAG_STARTED:
     7                         Log.d(TAG, "Action is DragEvent.ACTION_DRAG_STARTED");
     8                         break;
     9 
    10                     case DragEvent.ACTION_DRAG_ENTERED:
    11                         Log.d(TAG, "Action is DragEvent.ACTION_DRAG_ENTERED");
    12                         break;
    13 
    14                     case DragEvent.ACTION_DRAG_EXITED:
    15                         Log.d(TAG, "Action is DragEvent.ACTION_DRAG_EXITED");
    16                         break;
    17 
    18                     case DragEvent.ACTION_DRAG_LOCATION:
    19                         break;
    20 
    21                     case DragEvent.ACTION_DRAG_ENDED:
    22                         Log.d(TAG, "Action is DragEvent.ACTION_DRAG_ENDED");
    23                         break;
    24 
    25                     case DragEvent.ACTION_DROP:
    26                         Log.d(TAG, "ACTION_DROP event");
    27                         /** 3.在这里显示接收到的结果 */
    28                         dropedText.setText(dragEvent.getClipData().getItemAt(0).getText());
    29                         break;
    30 
    31                     default:
    32                         break;
    33                 }
    34 
    35                 return true;
    36             }
    37         });

    这里实现的关键在新增加的startDragAndDrop方法,看下官方的API文档:

    start-drag

    清楚地提到了,发出的DragEvent能够被所有可见的View对象接收到,所以在分屏模式下,SecondActivity可以监听View的onDrag事件,于是我们监听它!

    接着,我们看下DragEvent.ACTION_DROP事件发生的条件:

    drop-event

    当被拖拽的View的阴影进入到接收方View的坐标区域,如果此时用户松手,那么接收方View就可以接收到这个Drop事件。一目了然,我们通过拖拽ImageView到图上的灰色区域,松手,便可以触发DragEvent.ACTION_DROP,把数据传到SecondActivity中了。

    其实还有更复杂的一些情况,需要调用requestDropPermissions,后续我再进一步实践一下。

    这个demo的地址在这里,先分享出来,后面我再接着完善它。

    在分屏模式下测试你的App

    无论你是否将自己的App适配到了Android N,或者是支持分屏模式,都应该找个Android N的设备,来测试一下自己的App在分屏模式下会变成什么样。

    设置你的测试设备

    如果你有一台运行Android N的设备,它是默认支持分屏模式的。

    如果你的App不是用Android N Preview SDK打包的

    如果你的App是用低于Android N Preview SDK打包的,且你的Activity支持横竖屏切换。那么当用户在尝试使用分屏模式时,系统会强制将你的App进入分屏模式。(我在第一篇博客里提到过这个,Android N Preview的介绍视频中,很多Google家的App都可以进入分屏模式,但是打开它们的xml一看,其实targetSDKVersion = 23

    因此,如果你的App/Activity支持横竖屏切换,那么你应该尝试一下让自己的App分屏,看看当系统强制改变你的App尺寸时,用户是否还可以接受这种体验。如果你的App/Activity不支持横竖屏切换,那么你可以确认一下,看看当尝试进入分屏时,你的App是不是仍然能够保持全屏模式。

    如果你给App设置了支持分屏模式

    如果你使用了Android N Preview SDK来开发自己的App,那么应该按照下面的要点检查一下自己的App。

    • 启动App,长按系统导航栏右下角的小方块(Google官方把这个叫做Overview Button),确保你的App可以进入分屏模式,且尺寸改变后仍然能正常工作。
    • 启动任务管理器(即单击右下角的小方块),然后长按你App的标题栏,将它拖动到屏幕上的高亮区域。确保你的App可以进入分屏模式,且尺寸改变后仍然能正常工作。

    这两点在上面介绍过,让自己的App进入分屏模式有三种方法。第三种方法,就是在打开自己的App时,用手指从右下角的小方块向上滑动,这样也可以使得正在浏览的App进入分屏模式。这种方法目前属于实验性功能,正式版不一定保留。

    • 当你的App进入分屏后,通过拖动两个App中间的分栏上面的小白线,从而改变App的尺寸,观察App中各个UI元素是否正常显示。
    • 如果你给自己的App/Activity设置了最小尺寸,可以尝试在改变App尺寸时,低于这个最小尺寸,观察App是不是会回到设定好的最小尺寸。
    • 在进行上面几项测试时,请同时验证自己的App功能和性能是否正常,并注意一下自己的App在更新UI时是否花费了太长的时间。

    这几项测试,其实主要强调的是,我们的App可以顺利的进入/退出分屏模式,且改变App的尺寸时,UI依然可以也非常顺滑。

    这里我想多说一句,如果进入了分屏模式,要注意下App弹出的对话框,因为屏幕被两个App分成两块之后,对话框也是可以弹出两个的。这时对话框上的UI元素可能就会变得比较小了,如果我们的代码是写死的大小,例如对话框是一个WebView,就需要特别注意了,搞不好显示出来就缺了一块了,这里需要我们做好适配。

    测试清单

    关于功能、性能方面测试,还可以按照下面的操作来进行。

    • 让App进入,再退出分屏模式,确保此时App功能正常。
    • 让App进入分屏模式,激活屏幕上的另外一个App,让自己的App进入可见、paused状态。举了例子来讲,如果你的App是一个视频播放器,那么当用户点击了屏幕上另外一个App时,你的App不应该停止播放视频,即使此时你的Activity/Fragment已经接到了onPaused()回调。
    • 让App进入分屏模式,拖动分栏上的小白线,改变App的尺寸。请在竖屏(两个App一上一下布局)和横屏(两个App一左一右布局)模式下分别进行改变尺寸的操作。确保App不会崩溃,各项功能正常,且UI的刷新没有花费太多时间。
    • 在短时间内、多次、迅速地改变App尺寸,确保App没有崩溃,且没有发生内存泄露。关于内存使用方面的更详细注意事项,请参考Investigating Your RAM Usage
    • 在不同的窗口设置的情况下,正常使用App,确保App功能正常,文字仍然可读,其他的UI元素也没有变得太小,用户仍然可以舒适地操作App。

    这几项测试,其实主要是说当App在分屏模式下运行时,仍然可以保持性能的稳定,不会Crash也不会OOM。

    如果你给App设置了禁止分屏模式

    如果你给App/Activity设置了android:resizableActivity="false",你应该试试当用户在Android N的设备上,尝试分屏浏览你的App时,它是否仍然能保持全屏模式。

    以上就是参考Google最新的multi-window进行的实践,总结下,我认为有3点比较重要:

    1. 如何让自己的App/Activity顺利的进入和退出分屏模式,可以参考处理运行时改变这一章。
    2. 如何在分屏模式下打开新的Activity,可以参考Google官方的MultiWindow Playground Sample
    3. 如何实现跨App/Activity的拖拽功能,可以参考Drag and Drop这一章。
  • 相关阅读:
    利用LibreOffice进行WORD转PDF
    SpringBoot实践
    Solr学习笔记(一)
    HashMap原理(转)
    PDF.js展示本地文件
    设计模式之代理模式
    (一)DUBBO基本学习
    如何架构一个框架
    冒泡排序
    js 函数传数组参数
  • 原文地址:https://www.cnblogs.com/linghu-java/p/8980894.html
Copyright © 2011-2022 走看看