diff --git a/zh-cn/application-dev/key-features/multi-device-app-dev/design-checklist.md b/zh-cn/application-dev/key-features/multi-device-app-dev/design-checklist.md index 740099c4481da1f2c553bb53f4b410c6e499e45b..a2447da27663e22fdd5695a9a1e7ef37eff68c6c 100644 --- a/zh-cn/application-dev/key-features/multi-device-app-dev/design-checklist.md +++ b/zh-cn/application-dev/key-features/multi-device-app-dev/design-checklist.md @@ -4,24 +4,24 @@ 设计自检表详细列举出了在全场景设备设计和开å‘过程ä¸åº”当注æ„的设计规则,这将帮助应用å‡å°‘用户舆情且æå‡ç”¨æˆ·ä½“验的一致性。 -自检表的è¦æ±‚范围分为“必选â€ä¸Žâ€œæŽ¨èâ€ä¸¤ç±»ã€‚必选类一般为已总结出的较优解决方案或效果,表示相关设计需è¦æŒ‰ç…§æ¤åŽŸåˆ™ç»Ÿä¸€æ‰§è¡Œï¼›æŽ¨è类指å¯èƒ½å—应用å“ç‰Œé£Žæ ¼æˆ–ä¸šåŠ¡ç‰¹æ®Šæ€§å½±å“,å¯é€‚é‡åšå‡ºä¿®æ”¹ã€‚ +自检表的è¦æ±‚范围分为“必须â€ä¸Žâ€œæŽ¨èâ€ä¸¤ä¸ªç±»åˆ«ã€‚必须类一般为已总结出的较优解决方案或效果,表示相关设计需è¦æŒ‰ç…§æ¤åŽŸåˆ™ç»Ÿä¸€æ‰§è¡Œï¼›æŽ¨è类指å¯èƒ½å—应用å“ç‰Œé£Žæ ¼æˆ–ä¸šåŠ¡ç‰¹æ®Šæ€§å½±å“,å¯é€‚é‡åšå‡ºä¿®æ”¹ã€‚ 请å‚è€ƒä»¥ä¸‹è¡¨æ ¼èŒƒå›´å†…æ出的è¦æ±‚对应用进行检查。 -| **类型** | **æ¡ç›®** | **说明** | -| -------- | ------------------ | ------------------------------------------------------------ | -| 应用架构 | 导航结构 | 在å„设备上页é¢å¯¼èˆªç»“æž„ä¿æŒä¸€è‡´ï¼ˆåŒæ—¶å‡ºå¤šä¸ªè®¾å¤‡çš„UX设计)。 | -| 布局 | 拉通设计 | 拉通å„设备的布局设计,ä¿è¯åœ¨ä¸åŒå°ºå¯¸å’Œåˆ†è¾¨çŽ‡çš„è®¾å¤‡ä¸Šèƒ½å¤Ÿæ— é”™ä½/ä¸æˆªæ–/ä¸å˜å½¢/ä¸è¿‡å¤šç©ºç™½ï¼ˆ50%以上)/ä¸è¿‡äºŽæ‹¥æŒ¤ï¼ˆé—´è·å°äºŽ16vp,明显截æ–)/æ— å¤§å›¾å¤§å—体地æ£å¸¸æ˜¾ç¤ºã€‚ | -| | å“应å¼è®¾è®¡ | æ …æ ¼å¸ƒå±€åªèƒ½å N列以åŠN列内部的Gutter,ä¸åŒ…å«N列两侧的Gutter。 | -| | å“应å¼è®¾è®¡ | æ˜Žç¡®æ ‡æ³¨ä½¿ç”¨ä»€ä¹ˆç±»åž‹çš„æ …æ ¼ã€ç»™å‡ºåœ¨ä¸åŒæ–ç‚¹ä¸‹æ …æ ¼ä¸‰è¦ç´ å–值。 | -| | å“应å¼è®¾è®¡ | 按容器去对é½æ …æ ¼ï¼Œè€Œä¸æ˜¯å†…部åå…ƒç´ å¯¹é½æ …æ ¼ã€‚ | -| | å“应å¼è®¾è®¡ | æ …æ ¼é™¤äº†é¡µé¢å¸ƒå±€è®¾è®¡å¤–,在åšå±€éƒ¨æ …æ ¼è®¾è®¡æ—¶ï¼Œéœ€è¦é€šè¿‡æ˜Žæ˜¾æ–¹å¼å¦‚颜色ç‰è¿›è¡Œæ ‡æ³¨åŒºåˆ†ï¼Œé¿å…混淆。 | -| | å“应å¼è®¾è®¡ | ç¦æ¢å‡ºçŽ°æ ‡æ³¨äº†æ …æ ¼ä½†å®žé™…æ²¡æœ‰é€šè¿‡æ …æ ¼è¿›è¡Œå¸ƒå±€è®¾è®¡ï¼Œé¿å…混淆。 | -| | 自适应设计 | éžæ …æ ¼è®¾è®¡åœºæ™¯ä¸‹ï¼Œæ˜Žç¡®æ ‡æ³¨è‡ªé€‚åº”å¸ƒå±€èƒ½åŠ›ã€‚è‡ªé€‚åº”å¸ƒå±€èƒ½åŠ›æœ‰ï¼šæ‹‰ä¼¸ã€å‡åˆ†ã€å 比ã€ç¼©æ”¾ã€å»¶ä¼¸ã€éšè—ã€æŠ˜è¡Œã€‚ | -| 人机交互 | è¾“å…¥æ–¹å¼ | 需ä¿è¯åœ¨å„设备上完整支æŒè§¦æ‘¸ã€é¼ æ ‡ã€è§¦æŽ§ã€é”®ç›˜ã€é¥æŽ§å™¨ã€æ‘‡æ†ç‰äº¤äº’æ–¹å¼ï¼Œå¹¶ç¬¦åˆæ ‡å‡†å®šä¹‰ã€‚ | -| | 交互归一 | 应使用系统æ供的控件以达到一致的交互体验。如有定制,需ä¿è¯åœ¨å„场景下,ä¸åŒè¾“入设备上的æ“作与指å—è¦æ±‚一致。需特别注æ„é¼ æ ‡è¡Œä¸ºã€‚ | -| è§†è§‰é£Žæ ¼ | å•ä½ | 用于界é¢å¸ƒå±€çš„å•ä½åº”全部使用vp。åªé’ˆå¯¹ä¸¥æ ¼æŽ§åˆ¶å…ƒç´ 尺寸的场景使用px。 | -| | 色彩 | 用于色彩的赋值应使用分层å‚数。推è支æŒæ·±è‰²æ¨¡å¼ï¼Œéœ€ä¿è¯ç•Œé¢åœ¨ç³»ç»Ÿåˆ‡æ¢è‰²å½©æ¨¡å¼æ—¶æ²¡æœ‰è¯†åˆ«æ€§é—®é¢˜ã€‚ | -| | å—体 | 使用fp为文å—大å°å•ä½ï¼Œéœ€è¦å“应系统大å—体模å¼ï¼Œç¡®ä¿ç³»ç»Ÿè°ƒèŠ‚å—体大å°åŽï¼Œç•Œé¢å—体能å“应å˜åŒ–大å°ï¼Œå¹¶ä¸”ç•Œé¢å¸ƒå±€æ²¡æœ‰å‡ºçŽ°å¸ƒå±€é”™ä¹±é—®é¢˜ã€‚ | -| 多æ€æŽ§ä»¶ | 支æŒå¸¸ç”¨çš„æŽ§ä»¶çŠ¶æ€ | ç¡®ä¿æŽ§ä»¶ä¸åŒçŠ¶æ€ä¸‹çš„视觉效果没有缺失。控件的常用状æ€æœ‰ï¼šæ£å¸¸æ€ã€ä¸å¯ç”¨æ€ã€ç‚¹å‡»æ€ã€èŽ·ç„¦æ€ã€æ¿€æ´»æ€ã€æ‚¬åœæ€ã€‚ | \ No newline at end of file +| **类型** | **æ¡ç›®** | **说明** | 类别 | +| -------- | ------------------ | ------------------------------------------------------------ | ---- | +| 应用架构 | 导航结构 | 在å„设备上页é¢å¯¼èˆªç»“æž„ä¿æŒä¸€è‡´ï¼ˆåŒæ—¶å‡ºå¤šä¸ªè®¾å¤‡çš„UX设计)。 | 推è | +| 布局 | 拉通设计 | 拉通å„设备的布局设计,ä¿è¯åœ¨ä¸åŒå°ºå¯¸å’Œåˆ†è¾¨çŽ‡çš„è®¾å¤‡ä¸Šèƒ½å¤Ÿæ— é”™ä½/ä¸æˆªæ–/ä¸å˜å½¢/ä¸è¿‡å¤šç©ºç™½ï¼ˆ50%以上)/ä¸è¿‡äºŽæ‹¥æŒ¤ï¼ˆé—´è·å°äºŽ16vp,明显截æ–)/æ— å¤§å›¾å¤§å—体地æ£å¸¸æ˜¾ç¤ºã€‚ | å¿…é¡» | +| | å“应å¼è®¾è®¡ | æ …æ ¼å¸ƒå±€åªèƒ½å N列以åŠN列内部的Gutter,ä¸åŒ…å«N列两侧的Gutter。 | å¿…é¡» | +| | å“应å¼è®¾è®¡ | æ˜Žç¡®æ ‡æ³¨ä½¿ç”¨ä»€ä¹ˆç±»åž‹çš„æ …æ ¼ã€ç»™å‡ºåœ¨ä¸åŒæ–ç‚¹ä¸‹æ …æ ¼ä¸‰è¦ç´ å–值。 | 推è | +| | å“应å¼è®¾è®¡ | 按容器去对é½æ …æ ¼ï¼Œè€Œä¸æ˜¯å†…部åå…ƒç´ å¯¹é½æ …æ ¼ã€‚ | å¿…é¡» | +| | å“应å¼è®¾è®¡ | æ …æ ¼é™¤äº†é¡µé¢å¸ƒå±€è®¾è®¡å¤–,在åšå±€éƒ¨æ …æ ¼è®¾è®¡æ—¶ï¼Œéœ€è¦é€šè¿‡æ˜Žæ˜¾æ–¹å¼å¦‚颜色ç‰è¿›è¡Œæ ‡æ³¨åŒºåˆ†ï¼Œé¿å…混淆。 | 推è | +| | å“应å¼è®¾è®¡ | ç¦æ¢å‡ºçŽ°æ ‡æ³¨äº†æ …æ ¼ä½†å®žé™…æ²¡æœ‰é€šè¿‡æ …æ ¼è¿›è¡Œå¸ƒå±€è®¾è®¡ï¼Œé¿å…混淆。 | å¿…é¡» | +| | 自适应设计 | éžæ …æ ¼è®¾è®¡åœºæ™¯ä¸‹ï¼Œæ˜Žç¡®æ ‡æ³¨è‡ªé€‚åº”å¸ƒå±€èƒ½åŠ›ã€‚è‡ªé€‚åº”å¸ƒå±€èƒ½åŠ›æœ‰ï¼šæ‹‰ä¼¸ã€å‡åˆ†ã€å 比ã€ç¼©æ”¾ã€å»¶ä¼¸ã€éšè—ã€æŠ˜è¡Œã€‚ | 推è | +| 人机交互 | è¾“å…¥æ–¹å¼ | 需ä¿è¯åœ¨å„设备上完整支æŒè§¦æ‘¸ã€é¼ æ ‡ã€è§¦æŽ§ã€é”®ç›˜ã€é¥æŽ§å™¨ã€æ‘‡æ†ç‰äº¤äº’æ–¹å¼ï¼Œå¹¶ç¬¦åˆæ ‡å‡†å®šä¹‰ã€‚ | 推è | +| | 交互归一 | 应使用系统æ供的控件以达到一致的交互体验。如有定制,需ä¿è¯åœ¨å„场景下,ä¸åŒè¾“入设备上的æ“作与指å—è¦æ±‚一致。需特别注æ„é¼ æ ‡è¡Œä¸ºã€‚ | 推è | +| è§†è§‰é£Žæ ¼ | å•ä½ | 用于界é¢å¸ƒå±€çš„å•ä½åº”全部使用vp。åªé’ˆå¯¹ä¸¥æ ¼æŽ§åˆ¶å…ƒç´ 尺寸的场景使用px。 | å¿…é¡» | +| | 色彩 | 用于色彩的赋值应使用分层å‚数。推è支æŒæ·±è‰²æ¨¡å¼ï¼Œéœ€ä¿è¯ç•Œé¢åœ¨ç³»ç»Ÿåˆ‡æ¢è‰²å½©æ¨¡å¼æ—¶æ²¡æœ‰è¯†åˆ«æ€§é—®é¢˜ã€‚ | 推è | +| | å—体 | 使用fp为文å—大å°å•ä½ï¼Œéœ€è¦å“应系统大å—体模å¼ï¼Œç¡®ä¿ç³»ç»Ÿè°ƒèŠ‚å—体大å°åŽï¼Œç•Œé¢å—体能å“应å˜åŒ–大å°ï¼Œå¹¶ä¸”ç•Œé¢å¸ƒå±€æ²¡æœ‰å‡ºçŽ°å¸ƒå±€é”™ä¹±é—®é¢˜ã€‚ | å¿…é¡» | +| 多æ€æŽ§ä»¶ | 支æŒå¸¸ç”¨çš„æŽ§ä»¶çŠ¶æ€ | ç¡®ä¿æŽ§ä»¶ä¸åŒçŠ¶æ€ä¸‹çš„视觉效果没有缺失。控件的常用状æ€æœ‰ï¼šæ£å¸¸æ€ã€ä¸å¯ç”¨æ€ã€ç‚¹å‡»æ€ã€èŽ·ç„¦æ€ã€æ¿€æ´»æ€ã€æ‚¬åœæ€ã€‚ | 推è | \ No newline at end of file diff --git a/zh-cn/application-dev/key-features/multi-device-app-dev/layout-intro.md b/zh-cn/application-dev/key-features/multi-device-app-dev/layout-intro.md index 2dca7e747f0e42ae0ad8c0c62df9a08ac216b3eb..e85184407a22369f3fc35fd1ec207bfef78abbb1 100644 --- a/zh-cn/application-dev/key-features/multi-device-app-dev/layout-intro.md +++ b/zh-cn/application-dev/key-features/multi-device-app-dev/layout-intro.md @@ -25,13 +25,4 @@ 接下æ¥å°†ä¾æ¬¡ä»‹ç»è‡ªé€‚应布局和å“应å¼å¸ƒå±€ï¼ŒåŒæ—¶ç»“åˆå®žé™…,通过典型布局场景以åŠå…¸åž‹é¡µé¢åœºæ™¯è¯¦ç»†ä»‹ç»ä¸¤ç§å¸ƒå±€èƒ½åŠ›çš„用法。 -## 相关实例 - -针对一次开å‘,多端部署,有以下相关实例å¯ä¾›å‚考: - -- [`MusicAlbum`:一多音ä¹ä¸“辑主页(eTS)(API9)](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev/MusicAlbum) -- [`AppMarket`:一多应用市场首页(eTS)(API9)](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev/AppMarket) -- [`AdaptiveCapabilities`:多设备自适应能力(eTS)(API9)](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev/AdaptiveCapabilities) -- [`JsAdaptiveCapabilities`:多设备自适应能力(JS)(API8)](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev/JsAdaptiveCapabilities) -- [一次开å‘多端部署(eTS)(API8)](https://gitee.com/openharmony/codelabs/tree/master/ETSUI/MultiDeploymentEts) diff --git a/zh-cn/application-dev/key-features/multi-device-app-dev/page-development-intro.md b/zh-cn/application-dev/key-features/multi-device-app-dev/page-development-intro.md index 369f19ff11d70956b4bd62f094cbafa9b6f4ae8f..a7c8d56f4dc46ebfd828a1c913d4c51c4cdaef3d 100644 --- a/zh-cn/application-dev/key-features/multi-device-app-dev/page-development-intro.md +++ b/zh-cn/application-dev/key-features/multi-device-app-dev/page-development-intro.md @@ -19,6 +19,57 @@ > ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:** -> - å¼€å‘多设备上åŒä¸€é¡µé¢æ—¶ï¼Œå»ºè®®å¼€å‘者多使用[自定义组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/ts-component-based-component.md),既å¯ä»¥å¢žåŠ 代ç çš„å¯è¯»æ€§å’Œå¯ç»´æŠ¤æ€§ï¼ŒåŒæ—¶ä¹Ÿå¯ä»¥å°½å¯èƒ½çš„实现代ç å¤ç”¨ã€‚ +> å¼€å‘多设备上åŒä¸€é¡µé¢æ—¶ï¼Œå»ºè®®å¼€å‘者多使用[自定义组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/ts-component-based-component.md),既å¯ä»¥å¢žåŠ 代ç çš„å¯è¯»æ€§å’Œå¯ç»´æŠ¤æ€§ï¼ŒåŒæ—¶ä¹Ÿå¯ä»¥å°½å¯èƒ½çš„实现代ç å¤ç”¨ã€‚ + + + +## 相关示例 + +æœ¬ç« ä¸æ¶‰åŠçš„示例代ç å‡å¯ä»¥åœ¨[OpenHarmony应用示例](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev)ä¸èŽ·å–,感兴趣的开å‘者å¯ä»¥è‡ªè¡Œä¸‹è½½ã€è¿è¡ŒåŠæŸ¥çœ‹æ•ˆæžœã€‚ + +| 示例å称 | 简介 | +| ------------------------------------------------------------ | ------------------------------------------------------------ | +| [页é¢å¼€å‘一多能力](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev/AdaptiveCapabilities) | æœ¬ç« é…套的示例代ç ,包括自适应布局ã€å“应å¼å¸ƒå±€ã€å…¸åž‹å¸ƒå±€åœºæ™¯ä»¥åŠèµ„æºæ–‡ä»¶ä½¿ç”¨ç‰ã€‚ | +| [应用市场首页](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev/AppMarket) | æœ¬ç« é…套的示例代ç ,以应用市场首页为例,演示如何使用一多能力适é…多设备(或多窗å£å°ºå¯¸ï¼‰ã€‚ | +| [音ä¹ä¸“辑页](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev/MusicAlbum) | æœ¬ç« é…套的示例代ç ,以音ä¹ä¸“辑页为例,演示如何使用一多能力适é…多设备(或多窗å£å°ºå¯¸ï¼‰ã€‚ | +| [天气](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev/Weather) | 一多示例应用,以天气应用为例,演示如何使用一多能力实现包å«å¤šä¸ªé¡µé¢çš„应用。 | + +> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:** > -> - æœ¬ç« ä¸æ¶‰åŠçš„示例代ç å‡å¯ä»¥åœ¨[OpenHarmony应用示例](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev)ä¸èŽ·å–,感兴趣的开å‘者å¯ä»¥è‡ªè¡Œä¸‹è½½ã€è¿è¡ŒåŠæŸ¥çœ‹æ•ˆæžœã€‚ +> + +- [`AdaptiveCapabilities`(eTS) + + + +- [`JsAdaptiveCapabilities`](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev/JsAdaptiveCapabilities) + + :多设备自适应能力(JS)(API8) + +- [`MusicAlbum` + + :一多音ä¹ä¸“辑主页(eTS)(API9) + +- [`AppMarket` + + :一多应用市场首页(eTS)(API9) + + + + + +针对一次开å‘,多端部署,有以下相关实例å¯ä¾›å‚考: + +- [`MusicAlbum`:一多音ä¹ä¸“辑主页(eTS)(API9)](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev/MusicAlbum) +- [`AppMarket`:一多应用市场首页(eTS)(API9)](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev/AppMarket) +- [`AdaptiveCapabilities`:多设备自适应能力(eTS)(API9)](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev/AdaptiveCapabilities) +- [`JsAdaptiveCapabilities`:多设备自适应能力(JS)(API8)](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev/JsAdaptiveCapabilities) +- [一次开å‘多端部署(eTS)(API8)](https://gitee.com/openharmony/codelabs/tree/master/ETSUI/MultiDeploymentEts) + + + +## 相关实例 + +é’ˆå¯¹æ …æ ¼æ–点系统开å‘,有以下相关实例å¯ä¾›å‚考: + +- [`Weather`:一多天气(eTS)(API9) diff --git a/zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md b/zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md index 2d638ff1ded5b48155366727dee7f38478ace8a2..31f496ed164d9984e565245e0127a3dd83647d4e 100644 --- a/zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md +++ b/zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md @@ -254,8 +254,7 @@ struct MediaQuerySample { ## æ …æ ¼å¸ƒå±€ - -## <sub>æ …æ ¼</sub> +### 简介 æ …æ ¼æ˜¯å¤šè®¾å¤‡åœºæ™¯ä¸‹é€šç”¨çš„è¾…åŠ©å®šä½å·¥å…·ï¼Œé€šè¿‡å°†ç©ºé—´åˆ†å‰²ä¸ºæœ‰è§„å¾‹çš„æ …æ ¼ã€‚æ …æ ¼å¯ä»¥æ˜¾è‘—é™ä½Žé€‚é…ä¸åŒå±å¹•å°ºå¯¸çš„设计åŠå¼€å‘æˆæœ¬ï¼Œä½¿å¾—整体设计和开å‘æµç¨‹æ›´æœ‰ç§©åºå’ŒèŠ‚å¥æ„Ÿï¼ŒåŒæ—¶ä¹Ÿä¿è¯å¤šè®¾å¤‡ä¸Šåº”用显示的å调性和一致性,æå‡ç”¨æˆ·ä½“验。 @@ -270,9 +269,6 @@ struct MediaQuerySample { å•ä¸ªColumn的宽度是系统结åˆMarginã€Gutterå’ŒColumns自动计算的,ä¸éœ€è¦ä¹Ÿä¸å…许开å‘者手动é…置。 - -### æ …æ ¼å¸ƒå±€ - æ …æ ¼å¸ƒå±€å°±æ˜¯æ …æ ¼ç»“åˆäº†æ–ç‚¹ï¼Œå®žçŽ°æ …æ ¼å¸ƒå±€èƒ½åŠ›çš„ç»„ä»¶å«æ …æ ¼ç»„ä»¶ã€‚åœ¨å®žé™…ä½¿ç”¨åœºæ™¯ä¸ï¼Œå¯ä»¥æ ¹æ®éœ€è¦é…ç½®ä¸åŒæ–ç‚¹ä¸‹æ …æ ¼ç»„ä»¶ä¸å…ƒç´ å æ®çš„列数,åŒæ—¶ä¹Ÿå¯ä»¥è°ƒæ•´Marginã€Gutterã€Columnsçš„å–值,从而实现ä¸åŒçš„布局效果。 | smæ–点 | mdæ–点 | @@ -395,7 +391,6 @@ struct GridRowSample2 { 总的æ¥è®²ï¼Œmargin在组件外而padding在组件内,开å‘者å¯ä»¥æ ¹æ®å®žé™…需è¦è¿›è¡Œé€‰æ‹©åŠå®žçŽ°ç›®æ ‡æ•ˆæžœã€‚ - **示例3:** @@ -729,8 +724,3 @@ struct GridRowSample9 { 如å‰æ‰€è¿°ï¼Œæ …æ ¼ç»„ä»¶æ供了丰富的自定义能力,功能异常çµæ´»å’Œå¼ºå¤§ã€‚åªéœ€è¦æ˜Žç¡®æ …æ ¼åœ¨ä¸åŒæ–点下的Columnsã€Marginã€GutteråŠspanç‰å‚数,å³å¯ç¡®å®šæœ€ç»ˆå¸ƒå±€ï¼Œæ— 需关心具体的设备类型åŠè®¾å¤‡çŠ¶æ€ï¼ˆå¦‚横竖å±ï¼‰ç‰ã€‚æ …æ ¼å¯ä»¥èŠ‚约设计团队与开å‘团队的沟通æˆæœ¬ï¼Œæå‡æ•´ä½“å¼€å‘效率。 -## 相关实例 - -é’ˆå¯¹æ …æ ¼æ–点系统开å‘,有以下相关实例å¯ä¾›å‚考: - -- [`Weather`:一多天气(eTS)(API9)](https://gitee.com/openharmony/applications_app_samples/tree/master/MultiDeviceAppDev/Weather)