Skills
.Work. You
Rest

Android Button Touch Strategy

Community

Control button touch targets precisely.

Software Engineering#ui#accessibility#android#button#touch events#hit testing
AuthorDevonStee
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the ambiguity in touch event handling for UI elements nested within larger containers, ensuring that user interactions are directed to the intended element and preventing accidental activations.

Core Features & Use Cases

  • Touch Proxy Strategy: Configure the outer container to act as a larger touch target, enhancing accessibility and ease of use.
  • Layout Placeholder Strategy: Designate the outer container solely for alignment, ensuring only the inner element responds to touch events, preventing mis-taps in transparent areas.
  • Use Case: When designing a circular button within a square frame, you can use this skill to either make the entire square frame clickable (Strategy A) or ensure only the circular button responds to taps (Strategy B), depending on your UX goals.

Quick Start

Implement Strategy B by setting the outer FrameLayout to clickable="false" and the inner FrameLayout to clickable="true", then attach the OnClickListener to the inner FrameLayout.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Android Button Touch Strategy
Download link: https://github.com/DevonStee/OpenFlip/archive/main.zip#android-button-touch-strategy

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.