Tag

UI Development

0 views collected around this technical thread.

JD Tech
JD Tech
Sep 20, 2024 · Frontend Development

Flex Layout and Dynamic UI Development in JD Financial Application

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.

UI DevelopmentYoga Layoutflex layout
0 likes · 18 min read
Flex Layout and Dynamic UI Development in JD Financial Application
Sohu Tech Products
Sohu Tech Products
Aug 14, 2024 · Mobile Development

Understanding Flutter Status Bar Height: Why MediaQuery.padding.top Returns 0

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.

AndroidDartFlutter
0 likes · 5 min read
Understanding Flutter Status Bar Height: Why MediaQuery.padding.top Returns 0
Baidu Geek Talk
Baidu Geek Talk
Jul 3, 2023 · Mobile Development

Sweep Light Loading Effects: Principles and Cross‑Platform Implementation

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.

AndroidCoreAnimationLoading Animation
0 likes · 16 min read
Sweep Light Loading Effects: Principles and Cross‑Platform Implementation
DeWu Technology
DeWu Technology
Dec 26, 2022 · Mobile Development

Simplifying Multi‑Variable UI Logic with Karnaugh Maps in Mobile 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.

Karnaugh MapLogic SimplificationSwift
0 likes · 21 min read
Simplifying Multi‑Variable UI Logic with Karnaugh Maps in Mobile Development
vivo Internet Technology
vivo Internet Technology
Oct 13, 2021 · Mobile Development

Jetpack Compose Animation Tutorial

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.

AndroidComposeJetpack Compose
0 likes · 10 min read
Jetpack Compose Animation Tutorial
New Oriental Technology
New Oriental Technology
Nov 17, 2020 · Frontend Development

Solving Double-Tap Zoom Issues in Touch Devices

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.

ScalingUI DevelopmentZoom
0 likes · 9 min read
Solving Double-Tap Zoom Issues in Touch Devices
Baidu App Technology
Baidu App Technology
Mar 2, 2020 · Mobile Development

TextView Line Spacing Screen Adaptation Solution for Android

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.

AndroidLine SpacingLineHeightSpan
0 likes · 12 min read
TextView Line Spacing Screen Adaptation Solution for Android
Tencent Music Tech Team
Tencent Music Tech Team
Dec 31, 2019 · Frontend Development

Exploring Android TV Leanback Library: Introduction, Integration, and Core Components

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.

Android TVLeanbackMVP
0 likes · 10 min read
Exploring Android TV Leanback Library: Introduction, Integration, and Core Components
Qunar Tech Salon
Qunar Tech Salon
Dec 22, 2014 · Frontend Development

Understanding React: Principles, Component‑Based Architecture, and a Tab Selector Example

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.

ReactUI DevelopmentVirtual DOM
0 likes · 10 min read
Understanding React: Principles, Component‑Based Architecture, and a Tab Selector Example