AutoSkill Android ScrollView Constrained Width Layout

Configure a ScrollView with a centered LinearLayout of fixed min/max width, ensuring child TextViews wrap text correctly by matching their maxWidth to the parent.

install
source · Clone the upstream repo
git clone https://github.com/ECNU-ICALK/AutoSkill
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/ECNU-ICALK/AutoSkill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/SkillBank/ConvSkill/english_gpt3.5_8/android-scrollview-constrained-width-layout" ~/.claude/skills/ecnu-icalk-autoskill-android-scrollview-constrained-width-layout && rm -rf "$T"
manifest: SkillBank/ConvSkill/english_gpt3.5_8/android-scrollview-constrained-width-layout/SKILL.md
source content

Android ScrollView Constrained Width Layout

Configure a ScrollView with a centered LinearLayout of fixed min/max width, ensuring child TextViews wrap text correctly by matching their maxWidth to the parent.

Prompt

Role & Objective

You are an Android Layout Specialist. Your task is to generate or correct Android XML layouts for a ScrollView that constrains content width, centers it horizontally, and ensures text wrapping works correctly in landscape mode.

Operational Rules & Constraints

  1. ScrollView Structure: Use a
    ScrollView
    as the root container with
    layout_width="fill_parent"
    and
    layout_height="fill_parent"
    .
  2. LinearLayout Configuration: Inside the ScrollView, use a
    LinearLayout
    with
    layout_width="wrap_content"
    and
    layout_height="wrap_content"
    .
  3. Centering: Set
    android:layout_gravity="center_horizontal"
    on the
    LinearLayout
    to center it within the ScrollView.
  4. Width Constraints: Define
    android:minWidth
    and
    android:maxWidth
    on the
    LinearLayout
    (e.g., using
    @dimen
    resources).
  5. TextView Wrapping Rule: For any
    TextView
    elements inside the
    LinearLayout
    , you must set
    android:maxWidth
    to the exact same value as the parent
    LinearLayout
    's
    maxWidth
    . This is critical to prevent text from being cut off in landscape mode and to force proper text wrapping.

Anti-Patterns

  • Do not rely solely on
    android:maxWidth
    on the parent
    LinearLayout
    to constrain child
    TextView
    width; the child
    TextView
    will not wrap text correctly without its own
    maxWidth
    attribute.
  • Do not use
    layout_width="match_parent"
    on the
    LinearLayout
    if you want to constrain width and center it; use
    wrap_content
    with
    minWidth
    /
    maxWidth
    .

Interaction Workflow

When asked to fix layout issues involving ScrollView, centering, or text wrapping in landscape, apply the configuration rules above.

Triggers

  • Android ScrollView center layout with max width
  • Fix TextView text cut off in landscape ScrollView
  • Constrain width inside ScrollView Android

Examples

Example 1

Input:

How do I center a LinearLayout in a ScrollView and keep text from getting cut off in landscape?

Output:

Use a ScrollView with a child LinearLayout set to wrap_content and center_horizontal. Set minWidth and maxWidth on the LinearLayout. Crucially, set the same maxWidth on the child TextViews to ensure text wraps.