高效开发和创新业务是开发者一直追求的目标,当接到开发需求时,如果可以找到现成的API调用,能为开发者节省大把时间,将会留有更多的时间进行业务的创新。华为DevEco Studio聚合了华为丰富的开放能力,提供海量的API供开发者调用,帮助开发者高效集成华为EMUI特色开放能力,如平行视界。

什么是平行视界?

  平板处于手机与和电脑之间,最大的痛点是应用横屏生态问题。大多数应用都是把手机APP直接平移到平板,用户不能感知到平板的优势。为了改善用户体验,从用户痛点出发,华为推出了平行视界。

  用户在华为MatePad Pro上网购时,可以同时对比两家商品信息,还可以边看新闻边留言,边聊着天边刷朋友圈. 平行视界可以实现一个应用内的不同界面信息,在左右两个窗口同时显示,将横屏一分为二且两边操作互不干扰。





如何使用DevEco Studio快速实现平行视界?

  平行视界以Activity为基本单位,对Activity窗口生命周期管理进行改造,以左右窗口分离显示技术、双窗口生命周期管理、双窗口显示模式和切换逻辑为核心技术,来实现应用内分屏同时操作互不干扰的功能界面。

  有三种窗口显示模式供开发者选择——不分屏模式、通用模式及自定义模式,开发者不需要进行单独编码,简单配置工程后即可实现平行视界功能。

分屏设计规则

  Common Mode:在该模式下,您可以设置Auto Split和Transition Activity。

  Auto Split表示设置初始分屏ActivityPairs,如果用户打开应用时就分屏显示,可以根据应用设置打开时展示的左分屏和右分屏展示的Activity。Transition Activity中定义的Activity是过渡页面(动画),一般是在前一个页面关闭后,后一个页面拉起前显示,防止APP页面切换过于生硬。在Transition Activity中选中的Activity,在分屏设计中将无法被选择。

  − Custom Mode:在该模式下,可以设置Auto Split、Transition Activity和Custom Split。

  其中Auto Split和Transition Activity同Common Mode模式完全一样,Custom Split表示开发者可以自行定义分屏的规则。

  我们可以认为Auto Split中定义的是一级页面的布局,而Custom Split中定义的是二级页面的显示规则。当在Auto Split中定义的页面调用与Custom Mode中定义的规则匹配,将按照Custom Mode中定义的规则进行显示。



一、使用DevEco Studio集成平行视界,“0代码”设置应用的分屏模式和分屏逻辑

步骤 1 打开HUAWEI DevEco Studio软件。

步骤 2 打开或者新建一个Project。以打开一个已有Project为例进行演示,依次点击“File > Open”,选择需要进行分屏设置的Project(以Custom Mode为例)。

步骤 3 在Project的“app-phone > src > main”下,点击鼠标右键选择“New > MagicWindow”,创建平行视界配置文件“easygo.json”。



步骤 4 在AndroidManifest.xml的application中,新增加如下meta-data字段,表示该应用支持平行视界功能。

  1. <meta-data android:name="EasyGoClient" android:value="true" />



步骤5 点击“+”方块区域设置分屏规则。



步骤6 添加分屏规则:

1、 在Auto Split中定义规则:在屏幕左半部分选择MainAtivity,在屏幕右半部分选择AActivity,点击完成;



2、 在Custom Split中定义规则:在屏幕左半部分选择AActivity,在屏幕右半部分选择BActivity,点击完成;



步骤7 打开屏幕预览窗口,检验分屏规则

1、点击屏幕中央的Open Activity按钮



2、点击MainAtivity,将自动完成Auto Split中的分屏设置,屏幕的左半部分是X,屏幕的右半部分是A





3、当在右侧A中选择B时,将触发Custom Split中定义的左A右B规则,发生页面的自动向左推动





4、当在B页面选择A1时,将不会发生页面的推动,仅仅是B页面被A1替换,是由于没有在Custom Split中定义相关规则





步骤 8 在界面上完成分屏模式和规则的设置后,会将设置的规则写入到easygo.json文件中,可以点击“Text”查看源码。



  通过点击添加,全程支持0代码分屏设计、极简配置、API调用轻松几步完成设计,是进行全屏适配还是分屏显示,业务开发者根据自己应用的业务方向来定。最终在app可以实现这样的分屏设置:



  当前已有1000余款app拥有平行视界能力,涵盖新闻类、社交类、购物类、财经类、视频类等等,开发者使用DevEco Studio快速集成平行视界能力,可以节省一大半的时间。我们的宗旨的是让开发者高效开发,极致创新,希望能邀请更多的开发者使用DevEco Studio,共同打破安卓平板横屏生态壁垒,实现共赢发展。

二、如何获取DevEco Studio


登录https://developer.huawei.com/consumer/cn/deveco_studio,点击“试用申请”来获取

往期链接:Android | 教你如何开发扫二维码功能

内容来源:https://developer.huawei.com/consumer/cn/forum/topicview?tid=0201222670744610015&fid=26

原作者:英雄小好汉

DevEco Toolkit使用指南--平行视界的更多相关文章

  1. MVVM Light Toolkit使用指南

    原文:MVVM Light Toolkit使用指南 原文地址:  https://blog.csdn.net/ldld1717/article/details/77040077 概述 MVVM Lig ...

  2. 查收新年礼物丨DevEco Studio 3.0 Beta2发布,20个新变化详解

    HUAWEI DevEco Studio是开发HarmonyOS应用和原子化服务的一站式集成开发环境(IDE),为开发者提供工程模板创建.开发.编译.调试.发布等功能. 2021年12月31日,新版本 ...

  3. 如何构建Android MVVM 应用框架

    概述 说到Android MVVM,相信大家都会想到Google 2015年推出的DataBinding框架.然而两者的概念是不一样的,不能混为一谈.MVVM是一种架构模式,而DataBinding是 ...

  4. 如何快速体验鸿蒙全新声明式UI框架ArkUI?

    HDC2021将于10月22日在东莞松山湖正式开幕,大会将设立Codelab体验专区,超多好玩.有趣的Demo等你体验.想快速入门HarmonyOS?学习HarmonyOS新特性?以下几个Codela ...

  5. Harmony OS 开发避坑指南——DevEco Device Tool 安装配置

    Harmony OS 开发指南--DevEco Device Tool 安装配置 本文介绍如何在Windows主机上安装DevEco Device Tool工具. 坑点总结: 国内部分网络环境下,安装 ...

  6. CVAT 用户指南

    用户指南 计算机视觉标注工具(CVAT)是基于 Web 为计算机视觉算法标注视频和图像的在线工具. 它的灵感来自Vatic免费的.在线的.交互式的视频注释工具. CVAT有许多强大的功能: 在关键帧之 ...

  7. Retrofit结合RxJava使用指南

    Retrofit结合RxJava使用指南 Retrofit是一个当前很流行的网络请求库, 官网的介绍是: "Type-safe HTTP client for Android and Jav ...

  8. 企业IT管理员IE11升级指南【6】—— Internet Explorer 11面向IT专业人员的常见问题

    企业IT管理员IE11升级指南 系列: [1]—— Internet Explorer 11增强保护模式 (EPM) 介绍 [2]—— Internet Explorer 11 对Adobe Flas ...

  9. RESTFUL API 安全设计指南

    RESTFUL API 安全设计指南 xxlegend · 2015/10/18 15:08 0x01 REST API 简介 REST的全称是REpresentational State Trans ...

随机推荐

  1. 附014.Kubernetes Prometheus+Grafana+EFK+Kibana+Glusterfs整合性方案

    一 glusterfs存储集群部署 注意:以下为简略步骤,详情参考<附009.Kubernetes永久存储之GlusterFS独立部署>. 1.1 架构示意 略 1.2 相关规划 主机 I ...

  2. php导出为excel文件避免内存溢出

    轻松解决PHPExcel导出10W行超时和内存溢出问题   使用了一个轻量级的PHP的Excel操作库-PHP_XLSXWriter 10w行excel数据导出仅需要5.26秒,再也不用担心excel ...

  3. Lambda表达式学习笔记

    Lambda基础语法 Java8中引入了一个新的操作符" -> ",该操作符被称为箭头操作符或Lambda操作符,箭头操作符将Lambda表达式拆分成两部分: 左侧:Lamb ...

  4. 深夜,我用python爬取了整个斗图网站,不服来斗

    QQ.微信斗图总是斗不过,索性直接来爬斗图网,我有整个网站的图,不服来斗. 废话不多说,选取的网站为斗图啦,我们先简单来看一下网站的结构 网页信息 从上面这张图我们可以看出,一页有多套图,这个时候我们 ...

  5. JS中iframe子页面与父页面之间通信

    iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同. 一.同域下父子页面的通信 父页面parent.html <html> <head& ...

  6. SCF(SenparcCoreFramework) 系列教程(一):项目介绍及快速搭建

    2020年3月25日的“盛派周三分享”活动首次使用直播的方式与大家见面,共有 500 多人参与了活动,得到了众多开发者的好评,并强烈要求我分享 PPT,这点要求当然必须满足啦! 除此以外,还有许多开发 ...

  7. hdu1728 逃离迷宫bfs

    题目链接:http://icpc.njust.edu.cn/Problem/Hdu/1728/ 关于广度优先搜索的第一篇题解.广度优先搜索,就是状态树的层次遍历,一层一层的搜索,直到搜索到目标状态为止 ...

  8. alsa-lib及alsa-utils成功移植(转载)

    准备工作 alsa-lib版本:alsa-lib-1.0.23.tar.bz2 alsa-util版本:alsa-utils-1.0.23.tar.bz2 其他版本的alsa-lib和alsa-uti ...

  9. Python第六章-函数01-函数的概念和使用

    函数 为了便于程序的维护和更好的实现模块化,好的程序都会分解为很多函数. 可以这么说,对于任何的编程语言,函数都是一个非常重要的概念. python 不仅简化了函数的定义过程,而且还大量借鉴了其他函数 ...

  10. varchar int 查询 到底什么情况下走索引?

    一个字符类型的.一个int类型的,查询的时候到底会不会走索引,其实很多工作了几年的开发人员有时也会晕,下面就用具体事例来测试一下. 1.  准备工作 先准备2张表,以备后续测试使用. 表1:创建表te ...