Blog - Page 10

A teal text block grows through three layered warm off-white panels of increasing size, connected by violet scale lines on a deep navy background.

Support Large Font Sizes and Font Scaling in Compose

Build Compose screens that respect Android font scaling with sp typography, flexible layout, reflowed actions, and previews and device tests at large text sizes.

An abstract teal interface card connects through violet paths to a warm off-white verification tile with a coral success marker on a deep navy background.

Jetpack Compose UI Testing: Setup and First Test

Set up Jetpack Compose UI tests, choose the right test rule, and write a first semantics-driven test that verifies a real user outcome.

A warm off-white card passes through translucent violet drawing layers with a glowing teal transformation ring on a deep navy background.

graphicsLayer, Draw Modifiers, and Custom Drawing in Compose

Choose graphicsLayer, drawBehind, drawWithContent, or drawWithCache in Jetpack Compose with clear examples and compositing guidance.

Teal semantic nodes are filtered through layered violet frames toward a warm off-white inspection panel with a small coral highlight on a deep navy background.

Find Nodes and Assert UI with Compose Test APIs

Use Compose semantic finders, matchers, collections, and assertions to test visible UI outcomes without coupling tests to layout structure.

A warm off-white semantic label panel emits clear violet signal waves toward a teal icon tile, while a smaller decorative tile remains softly in the background on deep navy.

Accessibility in Jetpack Compose: Content Descriptions Done Right

Write useful Compose content descriptions for meaningful graphics, hide decorative visuals correctly, and avoid redundant TalkBack announcements.

An abstract teal central component with four glowing semantic layers connected by violet paths on a deep navy background.

Compose Semantics: Roles, Labels, States, and Actions

Use Compose semantics to expose correct roles, labels, state, and actions for custom UI without overriding the accessible behavior Material components already provide.

A warm off-white illuminated surface and a deep indigo surface balance around a glowing teal contrast bridge with a small coral accessibility accent.

Color Contrast and Dark Theme Accessibility in Material 3

Build accessible Material 3 light and dark themes in Compose with semantic color pairs, contrast-aware custom surfaces, non-color status cues, and practical testing.

A glowing teal circular chart and violet path being drawn on a warm off-white canvas panel against a deep navy background.

Canvas Drawing in Jetpack Compose

Draw responsive shapes, paths, and charts in Jetpack Compose with Canvas, DrawScope, pixel coordinates, and practical accessibility guidance.

A warm off-white image card receives a glowing teal image tile through a violet loading ring on a deep navy background.

Load Images with Coil AsyncImage in Jetpack Compose

Load remote images safely in Jetpack Compose with Coil AsyncImage, correctly sized requests, placeholders, errors, accessibility, and list performance guidance.