This tutorial walks through implementing the Discover page for a HarmonyOS audiobook app, covering title bar setup with HdsNavDestination, hot tags layout using Flex wrap, featured playlists with Row and ForEach, and a bottom audio info bar with space-between alignment.
This guide walks through creating a repeater‑based tab system in a B‑side application, covering setup, layout adjustments, adding click events to generate and close tabs, and styling the selected tab, with step‑by‑step screenshots.
Omni-UI is an open‑source ArkUI component library for OpenHarmony that provides over 25 ready‑to‑use UI components, theme switching, and simple integration via ohpm, aiming to boost developer productivity by more than 30% in mobile real‑estate applications.
This article explains how JD Financial's dynamic UI framework uses standard Flex layout (with Yoga as a cross‑platform engine) to build responsive container and item structures, details common Flex properties, list and absolute layouts, view visibility controls, and provides practical troubleshooting guidance for complex layouts.
In Flutter, MediaQuery.of(context).padding.top reports the system UI inset rather than the actual status‑bar height, and when a Scaffold (especially with an AppBar) consumes this padding the value becomes zero, so developers must read the raw view padding via WidgetsBinding or MediaQueryData.fromView to reliably obtain the status‑bar height.
Sweep‑light loading effects, such as skeleton‑screen and logo sweeps, improve perceived performance by overlaying a moving translucent gradient mask, and can be implemented on iOS using Core Animation layers and timers, while Android uses shape drawables, ObjectAnimator or Canvas PorterDuff blending, with theme and performance considerations.
LowCodeEngine, an open‑source low‑code engine from Alibaba DingTalk, follows strict protocol specifications, supports major browsers, offers a rich ecosystem of components and plugins, and provides detailed usage examples, CDN options, and UI panels for rapid front‑end development.
The article shows how Karnaugh maps can turn scattered, multi‑variable UI conditionals in mobile apps into concise Boolean expressions by representing each UI state with booleans, drawing a Gray‑code grid, grouping adjacent minterms, and thus simplifying maintenance while noting the method’s limit to four variables.
This article explains what Flutter is, its key features, architecture, comparisons with traditional front‑end development, why it uses Dart, performance advantages, native integration methods, development experience, debugging tools, and provides useful references for developers.
This article presents a systematic, six‑point approach for developers and testers to decompose UI‑related requirements—covering UI scope, data sources, data‑UI binding, user interaction handling, behavior tracking, and post‑release monitoring—to improve implementation clarity, collaboration, and delivery quality.
This article reviews a range of desktop application development frameworks—including Tauri, Electron, Neutralino, Xojo, OS.js, WPF Toolkit, Flutter, Haxe, Enact, UWP, and Xamarin.Forms—detailing their features, advantages, and suitability for building efficient, cost‑effective, cross‑platform desktop software.
Facing the challenge of duplicated UI code across multiple devices, Youku’s tech team built a cross‑platform dynamic template system—including GaiaSketch, GaiaX, and GaiaStudio—that streamlines design‑to‑code workflows, reduces development effort by about 30%, and open‑sources the tools for the broader community.
This Jetpack Compose animation tutorial demonstrates how to create state‑driven, visibility, size, cross‑fade, single‑value, and composite animations using declarative APIs such as remember, mutableStateOf, AnimatedVisibility, animateContentSize, animate*AsState, and updateTransition, showing concise Kotlin code that simplifies UI animation development.
This tutorial walks through creating a full-featured Todo List app in HarmonyOS, covering page navigation, HML layout, data binding with for-loops, switch components, computed properties, event handling in JavaScript, and the accompanying CSS styling.
This article explores the challenges and solutions for implementing double-tap zoom functionality in touch-enabled devices, addressing common problems with existing methods and proposing a mathematical approach to achieve accurate scaling and panning.
This article explains the origins of ahooks, its co‑creation by Alibaba teams, the problems it solves for reusable React Hook logic, its API design, open‑source release, example usage, and future plans to simplify frontend development and boost productivity.
To solve Android’s screen‑fragmentation‑induced TextView line‑spacing inconsistencies, Baidu’s team analyzed the default line‑height calculation, then created a custom LineHeightSpan (ExcludeInnerLineSpaceSpan) applied through a subclassed ETextView to enforce visual‑defined line height, delivering a simple, low‑intrusion, cross‑resolution fix.
This article walks through Android TV’s Leanback library—its purpose, how to add the dependency, and core components such as BaseGridView, Presenter, and ObjectAdapter—using the QQ Music TV app as a case study, while weighing its design advantages against maturity and update‑frequency drawbacks.
This article shares practical CSS techniques—from using currentColor and creating 1 px borders on retina screens to vertically centering icons, applying multi‑line ellipsis, and drawing triangle arrows with borders—helping front‑end developers write cleaner, more adaptable code.
This article outlines the typical mistakes designers and front‑end developers make during visual page implementation—such as mimicking native app experiences, ignoring overflow, overlooking font choices, and neglecting maintainability—and offers practical advice to prevent costly rework.
This article explains how React addresses the challenges of dynamic data rendering in complex front‑end interfaces by using a virtual DOM, component‑based architecture, and efficient diffing, and demonstrates these concepts with a practical Tab selector component implementation.
