Tag

Mobile UI

0 views collected around this technical thread.

IT Services Circle
IT Services Circle
Jun 12, 2025 · Mobile Development

What’s New in iOS 26? Apple’s Biggest UI Overhaul and AI Features Unveiled at WWDC 2025

Apple’s WWDC 2025 revealed iOS 26 (formerly iOS 19) with a sweeping “Liquid Glass” UI redesign, AI‑powered photo tools, a dynamic lock‑screen clock, revamped camera and gallery, plus a new Foundation Models Framework for on‑device AI, while iPadOS gains multi‑window and file‑management features.

AI integrationApple WWDC 2025Foundation Models
0 likes · 7 min read
What’s New in iOS 26? Apple’s Biggest UI Overhaul and AI Features Unveiled at WWDC 2025
Dual-Track Product Journal
Dual-Track Product Journal
Mar 4, 2025 · Mobile Development

How Minimalist Interaction Design Keeps WMS Mobile Apps Stable in Chaotic Warehouses

This article examines common failures in warehouse mobile apps—such as unresponsive scanners and network outages—and presents a six‑layer minimalist interaction framework that boosts efficiency, reduces errors, and ensures reliable offline operation for warehouse management systems.

Mobile UIWMSgesture control
0 likes · 5 min read
How Minimalist Interaction Design Keeps WMS Mobile Apps Stable in Chaotic Warehouses
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 4, 2025 · Mobile Development

Understanding Android NestedScrolling: Interfaces, Logic Flow, and Implementation Examples

This article explains Android's NestedScrolling mechanism introduced in Android 5.0, detailing the parent‑child interaction flow, key interfaces (NestedScrollingParent and NestedScrollingChild), helper classes, and provides Kotlin/Java code examples for custom views and RecyclerView integration.

KotlinMobile UINestedScrolling
0 likes · 26 min read
Understanding Android NestedScrolling: Interfaces, Logic Flow, and Implementation Examples
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 16, 2024 · Mobile Development

Implementing Custom Text Overflow with Highlight Support in ExtendedText for Flutter and HarmonyOS

This article explains how the ExtendedText component adds custom text‑overflow effects, including start, middle, end and auto modes, supports highlighted keywords with keep‑visible spans, and improves performance by replacing binary search with range estimation across Flutter, Android, iOS, Web and HarmonyOS platforms.

Custom Text OverflowExtendedTextFlutter
0 likes · 13 min read
Implementing Custom Text Overflow with Highlight Support in ExtendedText for Flutter and HarmonyOS
Beijing SF i-TECH City Technology Team
Beijing SF i-TECH City Technology Team
Nov 29, 2024 · Mobile Development

SF Design Mobile: Design System, Token Integration, and Component Library Overview

The article outlines the background, goals, construction process, and comprehensive showcase of SF Design Mobile, a cross‑platform component library built by SF Technology, emphasizing design principles, the integration of Design Tokens, component categories, public platform, application examples, current usage, feedback, and future plans.

Component LibraryDesign SystemDesign Tokens
0 likes · 8 min read
SF Design Mobile: Design System, Token Integration, and Component Library Overview
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 8, 2024 · Mobile Development

Understanding System Keyboard Height and Custom Keyboard Integration in Flutter

This article explains how to obtain system keyboard dimensions using Flutter's window properties, differentiates viewInsets, viewPadding, and padding, demonstrates debugging techniques, and provides a comprehensive guide to designing, installing, and using custom keyboards with components such as SystemKeyboard, KeyboardBuilder, and TextInputScope.

FlutterMobile UIcustom-keyboard
0 likes · 19 min read
Understanding System Keyboard Height and Custom Keyboard Integration in Flutter
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 13, 2023 · Mobile Development

SmartViewPager2Adapter: A Versatile ViewPager2 Adapter for Android

This article introduces the SmartViewPager2Adapter library, detailing its XML‑free setup, key features such as seamless data loading, gallery mode, infinite looping and auto‑scroll, and provides step‑by‑step Kotlin and Java code examples for integrating the adapter into Android projects.

JavaKotlinMobile UI
0 likes · 7 min read
SmartViewPager2Adapter: A Versatile ViewPager2 Adapter for Android
Sohu Tech Products
Sohu Tech Products
Aug 9, 2023 · Mobile Development

Jetpack Compose Layout Optimization Best Practices

The article outlines six Jetpack Compose layout‑optimization best practices—using remember to cache calculations, supplying unique keys in Lazy layouts, applying derivedStateOf to throttle recomposition, skipping unnecessary composition/layout phases, avoiding backward state writes, and enabling release‑mode R8 profiling—to dramatically reduce redundant recompositions and improve UI performance.

Android DevelopmentJetpack ComposeLazyColumn
0 likes · 11 min read
Jetpack Compose Layout Optimization Best Practices
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 SimplificationMobile UI
0 likes · 21 min read
Simplifying Multi‑Variable UI Logic with Karnaugh Maps in Mobile Development
JD Retail Technology
JD Retail Technology
Nov 22, 2022 · Mobile Development

Introducing NutUI for JD Mini-Program: Features, H5 Comparison, and Quick Start Guide

This article introduces NutUI, JD's lightweight mobile component library now supporting JD mini-programs, compares H5 and mini-program development, and provides a step‑by‑step guide using Taro to quickly set up and run a NutUI‑based JD mini‑program project.

JD Mini ProgramMobile UINutUI
0 likes · 6 min read
Introducing NutUI for JD Mini-Program: Features, H5 Comparison, and Quick Start Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 22, 2022 · Mobile Development

Improving Empty Page User Experience in Mobile Applications

This article explains how to enhance the user experience of empty pages in mobile apps by using informative animations, relevant content suggestions, clear call‑to‑action prompts, and reload mechanisms, illustrated with Flutter code examples and Lottie animations for various no‑data scenarios.

Error HandlingFlutterLottie
0 likes · 8 min read
Improving Empty Page User Experience in Mobile Applications
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 20, 2022 · Frontend Development

Improving Form User Experience in Flutter: Error Tips, Labels, Keyboard Types, and Validation

This article explains how to enhance form usability in Flutter by using appropriate error prompts, label styles, keyboard configurations, and validation rules, providing practical code examples and best‑practice recommendations for building consistent, user‑friendly form components in mobile applications.

Error HandlingFlutterForm UX
0 likes · 10 min read
Improving Form User Experience in Flutter: Error Tips, Labels, Keyboard Types, and Validation
php中文网 Courses
php中文网 Courses
Oct 19, 2022 · Frontend Development

17 Practical Vue3 UI Component Libraries (Web and Mobile)

This article introduces seventeen useful Vue3 UI component libraries—covering both web and mobile solutions—detailing each library's main features, design philosophy, and official website links to help developers quickly choose suitable components for their projects.

Component ecosystemFrontendMobile UI
0 likes · 11 min read
17 Practical Vue3 UI Component Libraries (Web and Mobile)
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 13, 2022 · Mobile Development

Deep Dive into animateValueAsState and Custom animateXxxAsState APIs in Jetpack Compose

This article explains how Jetpack Compose’s animateValueAsState underpins the animateXxxAsState family, explores its source code, demonstrates how to create custom animation APIs such as animateDpSizeAsState and animateUploadAsState, and provides practical Kotlin examples for building reusable UI animations on Android.

Custom APIJetpack ComposeKotlin
0 likes · 12 min read
Deep Dive into animateValueAsState and Custom animateXxxAsState APIs in Jetpack Compose
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 10, 2022 · Mobile Development

Improving Image Loading Experience in Flutter Mobile Apps

This article explains how to enhance image loading in Flutter mobile applications by using placeholders, skeleton screens, error handling, thumbnail generation, and the BlurHash library, providing code examples and practical recommendations for a smoother user experience.

BlurHashError HandlingFlutter
0 likes · 8 min read
Improving Image Loading Experience in Flutter Mobile Apps
Snowball Engineer Team
Snowball Engineer Team
Aug 25, 2022 · Frontend Development

Optimizing Text Justification and Hyphenation for Mixed English-Chinese Content in Mobile Apps

This article details a technical solution for balancing visual aesthetics and readability in mobile app text rendering, specifically addressing challenges of two-column justification with long English words and numbers by implementing manual hyphenation strategies.

CSS hyphenationChinese-English mixed contentMobile UI
0 likes · 10 min read
Optimizing Text Justification and Hyphenation for Mixed English-Chinese Content in Mobile Apps
DaTaobao Tech
DaTaobao Tech
Aug 22, 2022 · Mobile Development

Improving Image Cropping Interaction on the Result Page

The article details how the “Paizhi Tao” result page’s cropping feature was plagued by hidden frames and poor small‑object handling, and explains a redesign that adds a full‑size preview, touch‑separated logic, proportional scaling, move and zoom, resulting in more accurate searches and verified performance gains in version 10.15.0.

Image CroppingKotlinMobile UI
0 likes · 7 min read
Improving Image Cropping Interaction on the Result Page
Xianyu Technology
Xianyu Technology
Jun 15, 2022 · Mobile Development

Implementing Magnifier Mode and Reverse Selection in Flutter TextField

The article details how to add a native‑style magnifier loupe and support reverse text selection to Flutter’s TextField by using CompositedTransformTarget/Follower overlays with BackdropFilter rendering, extending TextSelectionOverlay and gesture builders, tracking drag state, and swapping selection offsets when handles cross.

Cross-platformFlutterMagnifier
0 likes · 11 min read
Implementing Magnifier Mode and Reverse Selection in Flutter TextField
Yiche Technology
Yiche Technology
May 19, 2022 · Mobile Development

Implementing a Custom Two-Way Switch with Ripple Animation in Android

This article explains how to create a custom Android view that functions as a two‑way vertical switch with top‑bottom activation, indicator dots, ripple effects, dynamic text and color changes, and provides the full implementation steps from drawing to touch handling and external control.

Custom ViewMobile UIandroid
0 likes · 6 min read
Implementing a Custom Two-Way Switch with Ripple Animation in Android