联想平板适配攻略

1、概述

1.1 联想平板介绍

小新Pad系列平板包含小新Pad、小新Pad Pro、小新Pad Pro 2012、小新Pad Pro 12.6等，以小新Pad Pro 12.6为例介绍如下：

1.2 文档适用对象

需要适配联想平板的第三方开发者、UX设计师、系统工程师、测试工程师。

2、UX设计与软件适配建议

2.1 基础体验设计

2.1.1 字体

优先调用系统默认字体适配平板设备，保证阅读体验一致性，特殊需求除外。排版及字号字重应保证清晰可读。

2.1.2 图片、视频

图片、视频资源不应该出现变形、模糊或者显示不全的问题，影响体验。

2.1.3 弹窗

在应用设计中弹窗比较常见，如权限弹窗、广告营销等，建议弹窗大小适中，字体清晰可读且没有文字重叠，虚影等现象。弹窗有醒目的供用户关闭的按钮。

2.1.4 小部件 Widget

应用小部件尺寸建议符合平板桌面位置定义，大小适中，保证清晰可读。触摸热区、滑动等体验功能正常。

2.2 平板页面布局

联想平板满足用户在使用横屏、竖屏以及分屏的多场景下，都可获得良好的体验感，因此界面的动态布局非常重要。应用最多会遇到以下8 种窗口情况：

基于以上情况，列举部分布局方式：

A.拉伸

仅卡片区域、显示区域等拉伸，显示内容不随设备显示区域变化而变化。文字、图标大小保持一致，应保证完整性和可视性。  

B.缩放

显示内容同设备显示区域等比例缩放。应保证文字，图片，视频无重叠。

C.拓展/增量/减量

满足清晰显示，在显示区域内增/减单位，单位的尺寸保持不变。

D.重新布局

满足清晰显示并为适应更好的信息获取，可根据内容重新布局。

2.3 不同类型应用适配建议

针对不同行业，不同类型应用，我们推荐以下五种布局方案：多列布局，Tab拉伸，分栏布局，左右布局和横屏拉宽。主要针对平板横屏显示情况：

适配方式	应用所属行业
多列布局	金融理财，居家生活，时尚购物，影音视听，医疗健康，学习教育
Tab拉伸图	新闻资讯，图书阅读，摄影摄像，短视频
分栏布局	聊天社交，效率办公
左右布局	实用工具，音乐，时钟，天气，体育运动
横屏拉宽	游戏，旅游交通

具体描述和详细说明如下：

A.多列布局

应用首页顶部和底部的Tab拉伸，首页主要功能键/APP推荐位数量增加。

B.Tab拉伸

Tab拉伸适配下，页面主要内容不变，两侧加上与主色调相同/相近的背景。顶部和底部的Tab拉伸，顶部按键数量相比于手机可有相应增加。

C.分栏布局

分栏适配下，页面分栏布局与电脑端的布局保持一致。

D.左右布局

顶部和底部的Tab拉伸，内部页面左右分列，主要的文字性内容，相应的图片、视频分列展示。

E.横屏拉宽

APP界面横向铺满屏幕。

3、通用开发适配指南

4、进阶开发适配指南

4.1 平行视图

4.1.1 功能介绍

作为ZUI一视界中的核心功能，平行视窗是一种以 Activity 为基础的对应用进行分屏显示的功能。应用可以根据自身功能、调性的需求来设计分屏显示的 Activity 逻辑，给用户带来单应用多窗口的全新体验。

4.1.2 显示模式

平行视窗目前共有三种显示模式，应用可以根据自身业务需求对显示模式进行选择。

a.导航栏模式

• 分屏规则：在导航栏模式下，左分屏始终保持不变，从左分屏打开新窗口会在有分屏显示并将右分屏旧内容替换，从右分屏打开新窗口会直接替换右分屏的旧内容。具体分屏规则和逻辑如下图所示。
• 配置说明：logicEnt