Tag

UI scaling

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 28, 2022 · Frontend Development

Screen Adaptation Strategies for Flutter Windows and Android Desktop Applications

This article explains the challenges of screen adaptation for Flutter Windows and Android desktop applications, outlines basic concepts of screen size, resolution and density, critiques the limitations of flutter_screenutil on desktop, and presents a custom solution using screen_retriever and a new app‑to‑screen width ratio to achieve consistent UI scaling across diverse devices.

Screen AdaptationUI scalingdart
0 likes · 10 min read
Screen Adaptation Strategies for Flutter Windows and Android Desktop Applications
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Aug 23, 2021 · Game Development

Master Multi-Device UI Adaptation in Cocos with 9‑Slice Scaling

Learn how to achieve seamless multi‑device UI adaptation in Cocos by understanding design versus screen resolution, using Fit Height/Width modes, leveraging Widget components for edge alignment, and applying 9‑slice slicing to option backgrounds, all without cumbersome CSS or extensive code.

9-sliceCocosFit Height
0 likes · 17 min read
Master Multi-Device UI Adaptation in Cocos with 9‑Slice Scaling