BestHub
Sign in
Tag

mobile UI

1 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.

WMSgesture controlinteraction design
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.

AndroidKotlinNestedScrolling
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.

Fluttercustom-keyboardkeyboard
0 likes · 19 min read
Understanding System Keyboard Height and Custom Keyboard Integration in Flutter
We-Design
We-Design
Apr 17, 2024 · Mobile Development

Mastering Wear OS App Design: Key Principles and Best Practices

This guide explores essential Wear OS design principles—adhering to Material Design, focusing on key tasks, leveraging device collaboration, supporting offline use—while detailing gestures, visual styling, core components, watch faces, complications, tiles, ongoing activities, and ambient mode to help developers create efficient, user‑friendly smartwatch experiences.

Design GuidelinesMaterial DesignSmartwatch
0 likes · 23 min read
Mastering Wear OS App Design: Key Principles and Best Practices
We-Design
We-Design
Jan 30, 2024 · Mobile Development

Designing Inclusive Screen Reader Experiences for Mobile Apps

This guide explains why screen‑reader accessibility matters, outlines WCAG‑based design principles, introduces core concepts, interaction modes, accessibility attributes, and advanced tools like rotors, then provides a step‑by‑step design process, acceptance checklist, and broader integration tips for inclusive mobile UI design.

Design Guidelinesaccessibilityinclusive design
0 likes · 29 min read
Designing Inclusive Screen Reader Experiences for Mobile Apps
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.

AndroidJavaKotlin
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 SimplificationSwift
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 ProgramNutUIReact
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.

FlutterLottieempty state
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.

FlutterForm UXerror handling
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 ecosystemOpen-sourceUI component library
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.

BlurHashFlutterImage Loading
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 contentfrontend optimization
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