Tagged articles

HarmonyOS 7

5 articles · Page 1 of 1
51CTO HarmonyOS Developer Community
51CTO HarmonyOS Developer Community
Aug 31, 2026 · Frontend Development

HarmonyOS 7 Floating Tabs: Window-Width-Driven Layouts for Foldables & Tablets

This article demonstrates how to build responsive HarmonyOS 7 floating tab layouts that adapt to foldable phones, tablets, and split-screen windows by reading actual container width via ContainerReader, using breakpoints at 440/600/840 vp to switch column counts, preserving business state during layout changes, and avoiding device-type branching.

ArkTSContainerReaderHarmonyOS 7
0 likes · 26 min read
HarmonyOS 7 Floating Tabs: Window-Width-Driven Layouts for Foldables & Tablets
51CTO HarmonyOS Developer Community
51CTO HarmonyOS Developer Community
Aug 19, 2026 · Mobile Development

Dissecting HarmonyOS 7 Core Vision Kit Image Super-Resolution API: Full Data Flow Guide

This tutorial details the complete data flow for HarmonyOS 7's Core Vision Kit Image Super-Resolution API, covering prerequisites, module imports, PixelMap decoding, ImageData wrapping, Request construction, Analyzer lifecycle, concurrency limits, error handling, and a full implementation example.

API IntegrationCore Vision KitHarmonyOS 7
0 likes · 17 min read
Dissecting HarmonyOS 7 Core Vision Kit Image Super-Resolution API: Full Data Flow Guide
51CTO HarmonyOS Developer Community
51CTO HarmonyOS Developer Community
Jul 10, 2026 · Mobile Development

HarmonyOS 7: Spatialization & Multi-Device Adaptation — 5 Page Types to Prioritize First

This guide explains how to combine spatialization and multi-device adaptation in HarmonyOS 7, recommending that ordinary apps first refine five core page types — home/workbench, list/detail, edit/form, empty states, and settings — by restructuring information hierarchy, master-detail layouts, confirmation boundaries, and responsive width thresholds before adding visual effects.

HarmonyOS 7empty state designinformation hierarchy
0 likes · 19 min read
HarmonyOS 7: Spatialization & Multi-Device Adaptation — 5 Page Types to Prioritize First