# 三折叠应用开发 ## 概述 华为推出的"三折叠"旗舰折叠手机，拥有三块可联动显示的屏幕，且三块屏幕均可折叠。相对于直板机，三折叠设备有以下明显特点： * 设备屏幕尺寸可变，具有不同大小和形态的UX界面。 * 具有特殊的折叠状态和交互事件。三折叠具备折叠的能力，共有9种折叠状态，具体描述可以参考[设备折叠能力](#section15762231134610)章节。 * 不同折叠状态下，相机的可用状态及位置会发生变化。 三折叠主要产品为Mate XT、Mate XTs及Mate XT 2： * Mate XT、Mate XTs常用的三种使用状态分别为：单屏态（F态）、双屏态（M态）和三屏态（G态）。 * Mate XT 2新增多个折叠形态，常用状态分别为：单屏态（F态、N态）、双屏态（LM态、RM态）和三屏态（G态）。 |产品名称|示意图| |:------------|:-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| |**Mate XT**|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/5b/v3/VvG1ChY2QA-mNVVeuoHkbQ/zh-cn_image_0000002616066325.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=074C28B0F6FEEB32835252AA412D05149F3D9C307DAA46090510158884DB55FC "点击放大")| |**Mate XT 2**|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/de/v3/XRbcxnXcSmaKS69E8D8Xtw/zh-cn_image_0000002747424571.jpg?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=EB1115C976D529B169AF31EB273628608046BFAEE00CF422F7E2AC1011C53890 "点击放大")| > 说明 > > 本文聚焦于三折叠应用的体验提升开发指导。如需多设备开发的基础通用能力指导，请参考"[一次开发，多端部署概览](https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-device-overview)"系列文章。 ## 产品硬件说明 ### 屏幕规格信息 本章节以Mate XTs和Mate XT 2的常用屏幕形态为例，介绍三折叠的屏幕规格信息： |产品名称|设备形态|屏幕规格信息(宽*高)|示意图| |:----------------|:----------|:---------------------|:-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| |**Mate XTs**|单屏态（F）(竖向)|分辨率(vp)(向下取整)：350*776|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/6a/v3/90LmY_dsTLiN_lfsePUk2w/zh-cn_image_0000002718418234.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=DDE5B3CB2EBF1F7DC4561F9C1326BDAA5367379A1ABADB4AF322D1C55EBEC119 "点击放大")| |**Mate XTs**|单屏态（F）(竖向)|分辨率(px)：1008*2232|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/6a/v3/90LmY_dsTLiN_lfsePUk2w/zh-cn_image_0000002718418234.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=DDE5B3CB2EBF1F7DC4561F9C1326BDAA5367379A1ABADB4AF322D1C55EBEC119 "点击放大")| |**Mate XTs**|单屏态（F）(竖向)|横纵断点(横向*纵向)：sm*lg|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/6a/v3/90LmY_dsTLiN_lfsePUk2w/zh-cn_image_0000002718418234.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=DDE5B3CB2EBF1F7DC4561F9C1326BDAA5367379A1ABADB4AF322D1C55EBEC119 "点击放大")| |**Mate XTs**|双屏态（M）(竖向)|分辨率(vp)(向下取整)：712*776|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/10/v3/o7175JEMTO2S_M_vUFMjkA/zh-cn_image_0000002718258306.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=1F6FDFF3420A8CC03D6B405EE81765AD3419262576C87FEA38CE8A63A6103CC6 "点击放大")| |**Mate XTs**|双屏态（M）(竖向)|分辨率(px)：2048*2232|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/10/v3/o7175JEMTO2S_M_vUFMjkA/zh-cn_image_0000002718258306.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=1F6FDFF3420A8CC03D6B405EE81765AD3419262576C87FEA38CE8A63A6103CC6 "点击放大")| |**Mate XTs**|双屏态（M）(竖向)|横纵断点(横向*纵向)：md*md|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/10/v3/o7175JEMTO2S_M_vUFMjkA/zh-cn_image_0000002718258306.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=1F6FDFF3420A8CC03D6B405EE81765AD3419262576C87FEA38CE8A63A6103CC6 "点击放大")| |**Mate XTs**|三屏态（G）(横向）|分辨率(vp)(向下取整)：1107*776|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/6c/v3/5IRaNLeuR5auvXuNHxdE9Q/zh-cn_image_0000002747938241.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=43781B550FBAE62A3D6AA149FDCA31D4C1F8EA388A406E6BD95B9044DE2DFBDF "点击放大")| |**Mate XTs**|三屏态（G）(横向）|分辨率(px)：3184*2232|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/6c/v3/5IRaNLeuR5auvXuNHxdE9Q/zh-cn_image_0000002747938241.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=43781B550FBAE62A3D6AA149FDCA31D4C1F8EA388A406E6BD95B9044DE2DFBDF "点击放大")| |**Mate XTs**|三屏态（G）(横向）|横纵断点(横向*纵向)：lg*sm|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/6c/v3/5IRaNLeuR5auvXuNHxdE9Q/zh-cn_image_0000002747938241.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=43781B550FBAE62A3D6AA149FDCA31D4C1F8EA388A406E6BD95B9044DE2DFBDF "点击放大")| |**Mate XT** **2**|单屏态（F）(竖向)|分辨率(vp)(向下取整)：380*814|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/5e/v3/n2yd-ddMQwa3dK99VmNzDQ/zh-cn_image_0000002747858189.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=94815F20C3ADC10B967FBC8F54F89E8B45C4CAE3413B35B153C5CB3A99881036 "点击放大")| |**Mate XT** **2**|单屏态（F）(竖向)|分辨率(px)：1140*2442|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/5e/v3/n2yd-ddMQwa3dK99VmNzDQ/zh-cn_image_0000002747858189.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=94815F20C3ADC10B967FBC8F54F89E8B45C4CAE3413B35B153C5CB3A99881036 "点击放大")| |**Mate XT** **2**|单屏态（F）(竖向)|横纵断点(横向*纵向)：sm*lg|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/5e/v3/n2yd-ddMQwa3dK99VmNzDQ/zh-cn_image_0000002747858189.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=94815F20C3ADC10B967FBC8F54F89E8B45C4CAE3413B35B153C5CB3A99881036 "点击放大")| |**Mate XT** **2**|单屏态（N）(竖向)|分辨率(vp)(向下取整)：378*744|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/98/v3/fKTkViC9TjWEnK0R-A-xPA/zh-cn_image_0000002718418266.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=3C275218484DD39993251FC8ECFB34D486BA1A84DD3A33ECB0A9092EEA6F09A9 "点击放大")| |**Mate XT** **2**|单屏态（N）(竖向)|分辨率(px)：1136*2232|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/98/v3/fKTkViC9TjWEnK0R-A-xPA/zh-cn_image_0000002718418266.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=3C275218484DD39993251FC8ECFB34D486BA1A84DD3A33ECB0A9092EEA6F09A9 "点击放大")| |**Mate XT** **2**|单屏态（N）(竖向)|横纵断点(横向*纵向)：sm*lg|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/98/v3/fKTkViC9TjWEnK0R-A-xPA/zh-cn_image_0000002718418266.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=3C275218484DD39993251FC8ECFB34D486BA1A84DD3A33ECB0A9092EEA6F09A9 "点击放大")| |**Mate XT** **2**|双屏态（LM）(竖向)|分辨率(vp)(向下取整)：709*744|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/fa/v3/sqlxzOFnR3qJrgFxTTjejA/zh-cn_image_0000002718258340.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=D8749A01981D78C5586F91B58E2E30E8A6B01F3D1A816ED5DFBE799E0D5683C0 "点击放大")| |**Mate XT** **2**|双屏态（LM）(竖向)|分辨率(px)：2128*2232|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/fa/v3/sqlxzOFnR3qJrgFxTTjejA/zh-cn_image_0000002718258340.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=D8749A01981D78C5586F91B58E2E30E8A6B01F3D1A816ED5DFBE799E0D5683C0 "点击放大")| |**Mate XT** **2**|双屏态（LM）(竖向)|横纵断点(横向*纵向)：md*md|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/fa/v3/sqlxzOFnR3qJrgFxTTjejA/zh-cn_image_0000002718258340.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=D8749A01981D78C5586F91B58E2E30E8A6B01F3D1A816ED5DFBE799E0D5683C0 "点击放大")| |**Mate XT** **2**|双屏态（RM）(竖向)|分辨率(vp)(向下取整)：682*744|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/72/v3/deSvWO58SYeelL245HBL9g/zh-cn_image_0000002747938271.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=62C139E50FEE3AC1FC22643D9BB1B9F223D79786A2A5BEA7D4D81A56823B4BE6 "点击放大")| |**Mate XT** **2**|双屏态（RM）(竖向)|分辨率(px)：2048*2232|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/72/v3/deSvWO58SYeelL245HBL9g/zh-cn_image_0000002747938271.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=62C139E50FEE3AC1FC22643D9BB1B9F223D79786A2A5BEA7D4D81A56823B4BE6 "点击放大")| |**Mate XT** **2**|双屏态（RM）(竖向)|横纵断点(横向*纵向)：md*md|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/72/v3/deSvWO58SYeelL245HBL9g/zh-cn_image_0000002747938271.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=62C139E50FEE3AC1FC22643D9BB1B9F223D79786A2A5BEA7D4D81A56823B4BE6 "点击放大")| |**Mate XT** **2**|三屏态（G）(横向）|分辨率(vp)(向下取整)：1061*744|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/4f/v3/dGmBr1YcRHe4PjKppnsjrg/zh-cn_image_0000002747858197.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=D2140271F72391303AB4AC13D8A050C916BF1ADE51B0B0AF6919C558585C6F6F "点击放大")| |**Mate XT** **2**|三屏态（G）(横向）|分辨率(px)：3184*2232|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/4f/v3/dGmBr1YcRHe4PjKppnsjrg/zh-cn_image_0000002747858197.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=D2140271F72391303AB4AC13D8A050C916BF1ADE51B0B0AF6919C558585C6F6F "点击放大")| |**Mate XT** **2**|三屏态（G）(横向）|横纵断点(横向*纵向)：lg*sm|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/4f/v3/dGmBr1YcRHe4PjKppnsjrg/zh-cn_image_0000002747858197.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=D2140271F72391303AB4AC13D8A050C916BF1ADE51B0B0AF6919C558585C6F6F "点击放大")| ### 相机硬件信息 本章节介绍三折叠的相机硬件信息。以Mate XTs和Mate XT 2的相机为例：各形态下均配置一个前置相机和一个后置相机。 |产品名称|设备形态|相机硬件信息||示意图| |:------------|:----------|:----------|----|:-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| |**Mate XTs**|单屏态（F）(竖向)|后置相机安装镜头角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/eb/v3/STqLrPC-Rpeq7v4AulgMCw/zh-cn_image_0000002718418276.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=941DB6220BD6E89F5D8E006F618C21F260ED59BBE4552ADAF7A0DB80755A94B3 "点击放大")| |**Mate XTs**|单屏态（F）(竖向)|后置相机预览流旋转角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/eb/v3/STqLrPC-Rpeq7v4AulgMCw/zh-cn_image_0000002718418276.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=941DB6220BD6E89F5D8E006F618C21F260ED59BBE4552ADAF7A0DB80755A94B3 "点击放大")| |**Mate XTs**|单屏态（F）(竖向)|前置相机安装镜头角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/eb/v3/STqLrPC-Rpeq7v4AulgMCw/zh-cn_image_0000002718418276.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=941DB6220BD6E89F5D8E006F618C21F260ED59BBE4552ADAF7A0DB80755A94B3 "点击放大")| |**Mate XTs**|单屏态（F）(竖向)|前置相机预览流旋转角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/eb/v3/STqLrPC-Rpeq7v4AulgMCw/zh-cn_image_0000002718418276.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=941DB6220BD6E89F5D8E006F618C21F260ED59BBE4552ADAF7A0DB80755A94B3 "点击放大")| |**Mate XTs**|双屏态（M）(竖向)|后置相机安装镜头角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/db/v3/A5jHAE_vSa-qZe4zFaP89A/zh-cn_image_0000002718258346.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=853E1D9D124A90F40CB78D50EF5ADA96AF06606E701668122847123FEB738D0D "点击放大")| |**Mate XTs**|双屏态（M）(竖向)|后置相机预览流旋转角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/db/v3/A5jHAE_vSa-qZe4zFaP89A/zh-cn_image_0000002718258346.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=853E1D9D124A90F40CB78D50EF5ADA96AF06606E701668122847123FEB738D0D "点击放大")| |**Mate XTs**|双屏态（M）(竖向)|前置相机安装镜头角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/db/v3/A5jHAE_vSa-qZe4zFaP89A/zh-cn_image_0000002718258346.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=853E1D9D124A90F40CB78D50EF5ADA96AF06606E701668122847123FEB738D0D "点击放大")| |**Mate XTs**|双屏态（M）(竖向)|前置相机预览流旋转角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/db/v3/A5jHAE_vSa-qZe4zFaP89A/zh-cn_image_0000002718258346.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=853E1D9D124A90F40CB78D50EF5ADA96AF06606E701668122847123FEB738D0D "点击放大")| |**Mate XTs**|三屏态（G）(横向）|后置相机安装镜头角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/f0/v3/oegGKsB0QdW3brd_dnz5Bg/zh-cn_image_0000002747938279.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=C41FD187F1962E1C3E06457DD65D1CCE6CA088DB0724CEE004BE10260EF3439D "点击放大")| |**Mate XTs**|三屏态（G）(横向）|后置相机预览流旋转角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/f0/v3/oegGKsB0QdW3brd_dnz5Bg/zh-cn_image_0000002747938279.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=C41FD187F1962E1C3E06457DD65D1CCE6CA088DB0724CEE004BE10260EF3439D "点击放大")| |**Mate XTs**|三屏态（G）(横向）|前置相机安装镜头角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/f0/v3/oegGKsB0QdW3brd_dnz5Bg/zh-cn_image_0000002747938279.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=C41FD187F1962E1C3E06457DD65D1CCE6CA088DB0724CEE004BE10260EF3439D "点击放大")| |**Mate XTs**|三屏态（G）(横向）|前置相机预览流旋转角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/f0/v3/oegGKsB0QdW3brd_dnz5Bg/zh-cn_image_0000002747938279.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=C41FD187F1962E1C3E06457DD65D1CCE6CA088DB0724CEE004BE10260EF3439D "点击放大")| |**Mate XT 2**|单屏态（F）(竖向)|后置相机安装镜头角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/bb/v3/d_WWasigTTKaPESz4cXXbQ/zh-cn_image_0000002747858199.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=43CA5E57ADA825649FC5733E6F03D34E590EC9BA24883DACAA796CF15BCEE056 "点击放大")| |**Mate XT 2**|单屏态（F）(竖向)|后置相机预览流旋转角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/bb/v3/d_WWasigTTKaPESz4cXXbQ/zh-cn_image_0000002747858199.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=43CA5E57ADA825649FC5733E6F03D34E590EC9BA24883DACAA796CF15BCEE056 "点击放大")| |**Mate XT 2**|单屏态（F）(竖向)|前置相机安装镜头角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/bb/v3/d_WWasigTTKaPESz4cXXbQ/zh-cn_image_0000002747858199.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=43CA5E57ADA825649FC5733E6F03D34E590EC9BA24883DACAA796CF15BCEE056 "点击放大")| |**Mate XT 2**|单屏态（F）(竖向)|前置相机预览流旋转角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/bb/v3/d_WWasigTTKaPESz4cXXbQ/zh-cn_image_0000002747858199.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=43CA5E57ADA825649FC5733E6F03D34E590EC9BA24883DACAA796CF15BCEE056 "点击放大")| |**Mate XT 2**|单屏态（N）(竖向)|后置相机安装镜头角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/0a/v3/2EFwz-xUQOq560Zq8uwhbw/zh-cn_image_0000002718418278.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=C4868A67C8DF8DB462E6F77F234607986B6F0B4B30DD393F1791EFD33AED30E2 "点击放大")| |**Mate XT 2**|单屏态（N）(竖向)|后置相机预览流旋转角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/0a/v3/2EFwz-xUQOq560Zq8uwhbw/zh-cn_image_0000002718418278.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=C4868A67C8DF8DB462E6F77F234607986B6F0B4B30DD393F1791EFD33AED30E2 "点击放大")| |**Mate XT 2**|单屏态（N）(竖向)|前置相机安装镜头角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/0a/v3/2EFwz-xUQOq560Zq8uwhbw/zh-cn_image_0000002718418278.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=C4868A67C8DF8DB462E6F77F234607986B6F0B4B30DD393F1791EFD33AED30E2 "点击放大")| |**Mate XT 2**|单屏态（N）(竖向)|前置相机预览流旋转角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/0a/v3/2EFwz-xUQOq560Zq8uwhbw/zh-cn_image_0000002718418278.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=C4868A67C8DF8DB462E6F77F234607986B6F0B4B30DD393F1791EFD33AED30E2 "点击放大")| |**Mate XT 2**|双屏态（LM）(竖向)|后置相机安装镜头角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/9f/v3/NMU7ROa1TE6qgXUn_OdQIg/zh-cn_image_0000002718258348.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=F7DB0CF19C1DEBB9DFCCCC72D2653C56E3CC4AA3D0CB4600BFD7AF09431E7EA1 "点击放大")| |**Mate XT 2**|双屏态（LM）(竖向)|后置相机预览流旋转角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/9f/v3/NMU7ROa1TE6qgXUn_OdQIg/zh-cn_image_0000002718258348.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=F7DB0CF19C1DEBB9DFCCCC72D2653C56E3CC4AA3D0CB4600BFD7AF09431E7EA1 "点击放大")| |**Mate XT 2**|双屏态（LM）(竖向)|前置相机安装镜头角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/9f/v3/NMU7ROa1TE6qgXUn_OdQIg/zh-cn_image_0000002718258348.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=F7DB0CF19C1DEBB9DFCCCC72D2653C56E3CC4AA3D0CB4600BFD7AF09431E7EA1 "点击放大")| |**Mate XT 2**|双屏态（LM）(竖向)|前置相机预览流旋转角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/9f/v3/NMU7ROa1TE6qgXUn_OdQIg/zh-cn_image_0000002718258348.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=F7DB0CF19C1DEBB9DFCCCC72D2653C56E3CC4AA3D0CB4600BFD7AF09431E7EA1 "点击放大")| |**Mate XT 2**|双屏态（RM）(竖向)|后置相机安装镜头角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/2f/v3/VNV2i5a1TEGx55D6JD-OHw/zh-cn_image_0000002747938281.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=9729D17EBB77CC6ACD0C9501872EFE91DA6EE149B0936E50FE12CB291A3EB991 "点击放大")| |**Mate XT 2**|双屏态（RM）(竖向)|后置相机预览流旋转角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/2f/v3/VNV2i5a1TEGx55D6JD-OHw/zh-cn_image_0000002747938281.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=9729D17EBB77CC6ACD0C9501872EFE91DA6EE149B0936E50FE12CB291A3EB991 "点击放大")| |**Mate XT 2**|双屏态（RM）(竖向)|前置相机安装镜头角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/2f/v3/VNV2i5a1TEGx55D6JD-OHw/zh-cn_image_0000002747938281.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=9729D17EBB77CC6ACD0C9501872EFE91DA6EE149B0936E50FE12CB291A3EB991 "点击放大")| |**Mate XT 2**|双屏态（RM）(竖向)|前置相机预览流旋转角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/2f/v3/VNV2i5a1TEGx55D6JD-OHw/zh-cn_image_0000002747938281.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=9729D17EBB77CC6ACD0C9501872EFE91DA6EE149B0936E50FE12CB291A3EB991 "点击放大")| |**Mate XT 2**|三屏态（G）(横向）|后置相机安装镜头角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/06/v3/_AsjDNtkRUSn0Ct3My5fxw/zh-cn_image_0000002747858253.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=8007B5565FACCE245D9C3B7EFEDFC470B771DC23C11B0006273FD8A3C120B83D "点击放大")| |**Mate XT 2**|三屏态（G）(横向）|后置相机预览流旋转角度|90度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/06/v3/_AsjDNtkRUSn0Ct3My5fxw/zh-cn_image_0000002747858253.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=8007B5565FACCE245D9C3B7EFEDFC470B771DC23C11B0006273FD8A3C120B83D "点击放大")| |**Mate XT 2**|三屏态（G）(横向）|前置相机安装镜头角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/06/v3/_AsjDNtkRUSn0Ct3My5fxw/zh-cn_image_0000002747858253.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=8007B5565FACCE245D9C3B7EFEDFC470B771DC23C11B0006273FD8A3C120B83D "点击放大")| |**Mate XT 2**|三屏态（G）(横向）|前置相机预览流旋转角度|270度|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/06/v3/_AsjDNtkRUSn0Ct3My5fxw/zh-cn_image_0000002747858253.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=8007B5565FACCE245D9C3B7EFEDFC470B771DC23C11B0006273FD8A3C120B83D "点击放大")| 相机预览流旋转角度=(镜头安装角度+屏幕旋转角度)%360，在设备状态改变后（如横竖屏旋转）需要重置相机预览流，更多相机硬件差异和开发详情可参考[相机硬件差异](https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-device-camera)。 > 说明 > > Mate XTs的双屏态（M态）及Mate XT 2的RM态下，前置相机功能可用，但由于设备开合角度和用户位置的限制，成像效果或使用体验可能不理想，因此不推荐在该状态下使用前置相机。 ### 设备折叠能力 三折叠屏拥有9种折叠状态，在不同折叠状态下展现出不同的特性；可将其理解为左右两块双折叠屏组合而成，左右两块折叠屏各自包含3种折叠状态（折叠态/展开态/半折态），整体即为3×3=9种折叠状态。 通过[display.getFoldStatus()](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#displaygetfoldstatus10)接口可获取折叠设备当前的折叠状态，返回结果可参考[FoldStatus](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#foldstatus10)。通过[display.getFoldDisplayMode()](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#displaygetfolddisplaymode10)接口可获取折叠设备当前的屏幕显示模式，返回结果可参考[FoldDisplayMode](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#folddisplaymode10)。下表以Mate XTs产品为例，展示了三折叠的折叠状态和属性。 |[FoldStatus](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#foldstatus10)|[FoldDisplayMode](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#folddisplaymode10)|效果图| |:-----------------------------------------------------------------------------------------------------------|:---------------------------------------------------------------------------------------------------------------------|:-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| |FOLD_STATUS_EXPANDED|FOLD_DISPLAY_MODE_FULL|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/5c/v3/Uzzhjta1T7Cmy5zY_uw6Ug/zh-cn_image_0000002585466708.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=6412F6D44228375C359C2F04F615DEE741D42201CB0E886D3C0EF76D50B4A067 "点击放大")| |FOLD_STATUS_FOLDED|FOLD_DISPLAY_MODE_MAIN|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/05/v3/gT57wK5uQqCHPfUgoedo-A/zh-cn_image_0000002585626644.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=3B179799D71B2610EE505623E8B4FF2B62DC6ADDD25FCB16464A10515505AF38 "点击放大")| |FOLD_STATUS_HALF_FOLDED|FOLD_DISPLAY_MODE_FULL|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/37/v3/xdJxlkWFQrCKtyAoFi6Qbw/zh-cn_image_0000002615986359.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=57D7EE1347F1E453BE796C2EC56C5CE1BD37E6773E9F2E8ACBA0130D78461863 "点击放大")| |FOLD_STATUS_EXPANDED_WITH_SECOND_EXPANDED|FOLD_DISPLAY_MODE_FULL|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/e7/v3/NSoXlLNbQgqTyTyhTv25DA/zh-cn_image_0000002616066455.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=A7BC6ADB5FD3531AE5D25E9BB5969ED7280A9F8E5B7BC2A5F3A273A22EE3EE6D "点击放大")| |FOLD_STATUS_EXPANDED_WITH_SECOND_HALF_FOLDED|FOLD_DISPLAY_MODE_FULL|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/b6/v3/iyFlTUA7QaenLIEX2Pt3nQ/zh-cn_image_0000002585466714.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=E84158A353BE885890C6213100252088A9ECB7E72027FBDF5A45DFDE2D410D9F "点击放大")| |FOLD_STATUS_FOLDED_WITH_SECOND_EXPANDED|FOLD_DISPLAY_MODE_MAIN|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/c7/v3/a5MuPr-cTLK1uqwsCBKYGw/zh-cn_image_0000002585626650.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=038F172AD8F748347C11FA4696C5018DA177D4CD0459DE4429E9C4652A1D6E99 "点击放大")| |FOLD_STATUS_FOLDED_WITH_SECOND_HALF_FOLDED|FOLD_DISPLAY_MODE_MAIN|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/5f/v3/mOMDBcx4RKKrFYJZiN149w/zh-cn_image_0000002615986365.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=2134227D829F8F766A14578B0EAACFFA6EE79BB9C0476CA799391471D6745744 "点击放大")| |FOLD_STATUS_HALF_FOLDED_WITH_SECOND_EXPANDED|FOLD_DISPLAY_MODE_FULL|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/4b/v3/OfQuP_IwRdqr_IZD_e7pZg/zh-cn_image_0000002616066461.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=CDDD77F4145C004918C44187B107FB43E1152BA81776C200E2BD9BC502FEB73B "点击放大")| |FOLD_STATUS_HALF_FOLDED_WITH_SECOND_HALF_FOLDED|FOLD_DISPLAY_MODE_FULL|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/85/v3/kd3ZEfEqThS3g0MZ3ch5fw/zh-cn_image_0000002585466720.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=BAAAFDDA4B8AD31F07B7D1F3032EEC02DAFC5957245773ECF063ADC26D4FF8E2 "点击放大")| > 说明 > > * 布局适配应优先基于响应式断点，而非设备折叠状态。统一通过横纵向[断点](https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-device-responsive-layout#section1532120147301)判断页面布局，确保在不同屏幕状态下实现一致的响应式表现。切勿直接以设备折叠状态作为布局判断依据，避免因设备差异导致显示异常（如Pura X的FOLD_STATUS_EXPANDED状态对应的是展开态，为直板机布局；而三折叠的FOLD_STATUS_EXPANDED状态对应的是双屏态，应为大方形屏布局）。 > * 仅悬停态等特殊场景可针对性优化，此类场景可借助折叠状态实现专属布局设计，效果可参考[典型悬停适配案例](https://developer.huawei.com/consumer/cn/doc/design-guides/foldable-0000002352875141#section12307164615117)。 ## 创新与体验提升 ### 交互跟手 三折叠的双屏态和三屏态拥有更宽广的显示视野，信息承载量更大，用户可操作范围也更广。为进一步提升双屏态和三屏态下的使用体验，建议适配系统全新交互能力，通过接入智感握姿、跟手弹窗和跟手半模态等新特性，让用户操作更快捷、高效。 1. **智感握姿** ：系统提供感知用户当前握持手信息的能力，应用可依据获取的手部信息，自适应调整核心交互组件的显示位置，有效提升用户单手操作便捷性。 ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/1b/v3/IiccVZdXQFaHeZmkY4I-rg/zh-cn_image_0000002585626656.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=3E98742CB2FD06662B6124A89498F49190305895A4BF1AE8369FF63FF21EB398 "点击放大") 通过订阅握持手状态变化感知事件[motion.on('holdingHandChanged')](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-awareness-motion#motiononholdinghandchanged-20)，获取到握持手信息后，更改组件的显示位置。 2. **跟手弹框** ：为了减少用户操作路径过长的情况，在双屏态和三屏态可通过跟手弹窗进行展示，弹出框的弹出位置离手更近，以便用户能够快速操作。 ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/fc/v3/FA83zhdQSsqtr5PTX60XVQ/zh-cn_image_0000002615986371.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=3CFDAF7BF204FC8E603466268D04B879C19D90768AAC12C065F7D1D329D8A346 "点击放大") 构建UI布局时，可通过条件表达式判断：当横向断点为sm时，使用普通居中弹框；否则，使用跟手弹框[PopoverDialog](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ohos-arkui-advanced-dialog#popoverdialog14)，提升大屏设备的操作效率。 3. **跟手半模态** ：在单屏态，半模态窗口通常从屏幕底部弹出；在双屏态，建议窗口居中显示；而在三屏态，可以考虑跟手半模态窗口或者居中半模态窗口显示，具体根据业务需要选择。 使用[bindSheet](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-universal-attributes-sheet-transition#bindsheet)绑定半模态转场时，设置半模态属性preferType为[SheetType](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-universal-attributes-sheet-transition#sheettype11枚举说明).POPUP。设置该属性后，窗口宽度小于600vp的设备将默认显示底部弹窗，其他设备则自动适配为跟手弹窗。 ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/71/v3/J0vjCdWRSp6Z0BaopqHfFA/zh-cn_image_0000002616066471.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=297A41956A2D7079CC77BA49F12FE772823B217AB7A41CEA69A113E46BDC7373 "点击放大") ### 悬停态适配 Mate XT系列在双屏态下可切换至悬停态。悬停态支持设备平稳放置于桌面，实现免手持体验，常用于视频通话、视频播放、拍照、听歌等不需要频繁交互的场景。这种状态下，应用需要对中间折痕区域进行避让，并对上下两个界面进行悬停态布局适配。悬停态的实现方案可参考[折叠屏悬停态](https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-folded-hover)。 ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/2b/v3/IfeR4N9MQRur4WWc59Nqxw/zh-cn_image_0000002585466742.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=59EB15B5BA6D27A58846009F8BB75FAB7CBA3F170350EDC23AE5155164F0998C "点击放大") > 说明 > > 由于硬件形态存在差异，Mate XT 2不支持悬停态。 ### 开合适配 开合连续指应用在屏幕形态与窗口状态切换时，保持页面内容连贯，延续任务进度与运行状态。支持用户快速接续切换前的操作，打造流畅的切换体验。例如三折叠设备在单屏态、双屏态和三屏态之间切换时，应用页面内容保持不变、状态无缝接续，保障使用体验不受影响。具体实现方案，可参考[开合连续](https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-device-screen-diff#section16541144511135)章节。 ### 悬浮组件 三折叠设备具备单屏、双屏、三屏三种形态，借助[HdsTabs (底部页签)](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ui-design-hdstabs)组件的[barFloatingStyle](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ui-design-hdstabs#barfloatingstyle)属性实现悬浮导航栏，可适配各类形态切换场景，充分释放屏幕可视区域；通过悬浮材质参数[SystemMaterialParams](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ui-design-hdstabs#systemmaterialparams)配置透明磨砂材质效果，提升界面通透感，适配沉浸式浏览体验。搭配[HdsTabsMiniBar](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ui-design-hdstabs#hdstabsminibar)可扩展迷你标签栏，拓展多维度快捷入口，适配双屏态和三屏态的分区操作，同时保障单屏、双屏、三屏形态下交互逻辑统一，降低用户切换成本，有效提升操作效率与使用体验。 ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/ac/v3/khCWNLG3TOa_B-TQ95wNzw/zh-cn_image_0000002585626678.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=E3025C17C6F50EFE30A1B669715A0C69521F4F1D7A58126DD0DCD9527AF873E6 "点击放大") ### 视频自适应沉浸 三折叠设备具备单屏、双屏、三屏三种形态，为避免视频播放画面在形态切换时出现拉伸、裁剪、显示比例错乱等问题，可采用自适应沉浸全屏播放方案，精简界面元素、减少视觉干扰，让用户聚焦视频画面，充分利用大屏开阔视野，有效提升观看体验。具体实现方案，可参考[视频适配不同尺寸屏幕](https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-device-screen-diff#section1452572513130)章节。 ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/bb/v3/kM0ZH8_8R4yPEVUvQDu6jQ/zh-cn_image_0000002615986397.gif?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=C2F30C2D310AC738442DC02EE213F9D1AF9947F33C370358BFEC9C68F469BEDD "点击放大") ### 手写笔适配 三折叠的交互方式主要为触控屏，常见的操作有点击、双击、长按、拖拽等，应用可根据这些操作进行功能适配，详情可参考[多设备交互](https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-interaction)。 Mate XTs及Mate XT 2产品搭载手写笔，支持无感连接与低延迟传输，开盒即用，适用于全局批注、提笔速记及按键遥控等功能场景，实现流畅自然的书写与交互体验。系统提供的[Pen Kit](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/pen-introduction)能力，可助力开发者灵活接入手写套件、全局取色、一笔成形等接口，提升书写交互的扩展性与创作效率。 ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/a7/v3/K2pxQkxnQKytVl7ht8qOMw/zh-cn_image_0000002616066493.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=F8A0486FEFA9110A3DF99A3239FCC4248A59A64981A1EB459E79F079DA643B29 "点击放大") ### 键鼠适配 除触控屏交互外，三折叠还支持外接键鼠进行交互。以Mate XTs产品为例，键鼠交互事件的适配应包含： * 鼠标悬浮效果：三折叠设备中，应用内可交互UI组件建议适配鼠标悬浮效果。开发方案请参考[交互归一](https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-interaction#section088812013815)进行适配。 * 键盘快捷键：应用需支持常用快捷键响应，提升用户操作效率。开发方案请参考[交互归一](https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-interaction#section088812013815)进行适配。 > 说明 > > 外接键盘时，系统默认提供ESC按键事件，若应用未监听ESC事件，则返回上一页。onKeyEvent事件是默认冒泡的，在其回调方法中，若按键事件已完成处理，建议返回true完成事件消费，避免事件继续向上冒泡，造成上层节点重复响应，导致按键事件被触发多次。 ### 焦点导航 三折叠设备接入键盘与应用程序进行间接交互时，建议将页面中可操作元素设置为可获焦状态，并配置获焦视觉效果，清晰指示当前焦点位置，以保证交互体验。开发方案请参考[焦点事件](https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-interaction#section168661941154220)。 > 说明 > > 通常情况下，三折叠设备以触控交互为主，可通过[交互归一](https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-interaction#section088812013815)完成基础适配；当外接键鼠时，可额外适配鼠标悬浮效果、键盘快捷键及焦点导航，完善多输入方式的操作体验。 ### 全景多窗 [全景多窗](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/multi-window-intro#全景多窗)旨在帮助用户高效处理多个任务。通过全景多窗，用户可以突破物理屏幕局限，在同一屏幕内并行运行多款应用，实现应用间快捷切换，提升操作效率。以Mate XTs产品为例，该产品三屏态横屏状态下拥有更大的显示视野，具备更强的信息展示与内容承载能力。可依托全景多窗能力，充分利用大屏空间优势，最高支持三个窗口同屏并行运行，助力用户一边浏览资讯、一边编辑内容、一边沟通办公，多任务同步处理、互不冲突，实现办公、娱乐、日常操作一站式协同。 ![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/c0/v3/mmUs6D4aRUmWZwrabO9-jw/zh-cn_image_0000002585466754.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=9F11A878594987A9B681A7D3D852295B520975A8B8376ECAF26AB60D7B0C367F "点击放大") ## 设备常见适配问题 ### 截断/留白 **平板布局正常，但是三折叠G态布局异常** 问题描述：应用页面在平板上显示正常，但在三折叠G态下出现图片过大、字体偏大、画面拉伸/压缩、界面留白等布局异常。 可能原因：开发者使用"deviceType === tablet"作为lg断点布局的判断条件，仅适配了平板设备，导致三折叠三屏态无法匹配正确布局，出现显示异常。 解决方案：UX布局应依据窗口尺寸与窗口形状判断，而非物理设备类型。同一套UX布局需在不同设备的相同尺寸窗口下保持一致：三折叠三屏态与平板布局保持一致，双屏态与双折叠展开态布局保持一致，单屏态与直板机布局保持一致。建议使用断点方案替代设备形态接口，实现统一的UX布局判断逻辑，详细说明可参考[断点](https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-device-responsive-layout#section1532120147301)。 > 说明 > > 三折叠不同折叠状态下展示的页面布局，统一使用一多横向断点进行判断。下列方式不推荐作为判断UX布局的条件： > > 1. deviceInfo.deviceType：通过设备类型区分UX布局，会导致同一种UX布局无法实现一次开发、多设备适配。 > 2. display.isFoldable、display.getFoldStatus、display.getFoldDisplayMode等折叠状态接口：该类接口无法区分双折叠、小折叠、阔折叠与三折叠设备，扩展性较差。多数折叠屏开合过程中出现的布局异常，均是直接以折叠状态、折叠显示模式作为布局判断条件所致；不同折叠屏即便处于同一折叠状态，屏幕实际属性差异较大，若共用一套布局易引发显示问题。 **展开态应用启动页面未铺满屏幕，出现异常布局** 问题描述：在折叠屏展开态启动应用时，应用的启动页面未铺满整个屏幕，出现白屏区域或者启动页被截断。 可能原因：应用未配置增强启动页。 解决方案：应用需要[配置增强启动页](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/launch-page-config#配置增强启动页)，配置后启动页面中的背景、图片和图标等资源能根据窗口大小自适应填充，保证启动页面在不同设备形态上正常显示，配置中各标签的说明可参考[startWindow标签](https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/module-configuration-file#startwindow标签)。 ### 异常旋转 **三折叠G态仅支持竖屏，无法旋转** 问题描述：三折叠设备在G态下，页面仅支持竖屏展示，无法旋转。 可能原因：开发者通过判断双折叠设备的折叠状态为FoldStatus.FOLD_STATUS_EXPANDED（展开态）时开启旋转支持，其余状态默认竖屏；但三折叠G态对应的折叠状态为FoldStatus.FOLD_STATUS_EXPANDED_WITH_SECOND_EXPANDED，与双折叠判定逻辑不匹配，因此无法触发旋转，仅能竖屏显示。 解决方案：应用可使用[跟随桌面的旋转策略](https://developer.huawei.com/consumer/cn/doc/best-practices/bpta-multi-device-window-direction#section3434202623320)，通过修改module.json5配置文件中的orientation属性为FOLLOW_DESKTOP解决该问题。 **折叠开合过程导致屏幕显示方向变化** 问题描述：三折叠设备在默认使用、未主动旋转屏幕的情况下，进行折叠开合操作时，屏幕显示方向会自动发生改变。 可能原因：三折叠设备在不同折叠形态下，即便屏幕旋转角度一致，系统对显示方向的定义也存在差异。 解决方案：开发时需留意三折叠不同折叠状态下默认显示方向的差异，避免因方向判断错误，而引发页面布局或功能异常。 |**三折叠屏幕折叠状态**|单屏态(F态)|双屏态(M态)|三屏态(G态)| |:-------------------------------------------------------------------------------------------------------------------------|:-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|:-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|:-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| |**效果图(充电口朝下)**|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/69/v3/1UFItFtMSGSqgUd5uKaYiA/zh-cn_image_0000002585626692.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=DF594A62870684EEEE09CE11990F03C1E69E4A34AC7DCE4F0B6C3EC5DE18C73E "点击放大")|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/f9/v3/rxbrJP-0RC6vwdQN8q023w/zh-cn_image_0000002615986407.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=5322DB911943A82A41B961057C6088FB0EBD7AAB9238F6B5D5BA2D2D75191ED2 "点击放大")|![](https://contentcenter-vali-drcn.dbankcdn.cn/pvt_2/DeveloperAlliance_scene_100_1/95/v3/7UUdUy1QSVqV0GLhassnuQ/zh-cn_image_0000002616066501.png?HW-CC-KV=V1&HW-CC-Date=20261014T084635Z&HW-CC-Expire=31536000000&HW-CC-Sign=FA5D406B3C32C1998C28280A89CFDEB924A90962C01CBCBE1E2F3DFB447663AD "点击放大")| |**屏幕旋转角度([Display](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#display).rotation)**|0|0|0| |**屏幕显示方向([Orientation](https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-display#orientation10))**|PORTRAIT竖屏|PORTRAIT竖屏|LANDSCAPE_INVERTED反向横屏|