适配不同屏幕尺寸与密度的Android XML布局技术问询

Hey there! Let's dive into your layout code and break down actionable improvements to make it fully adaptive across all screen sizes and densities. First, note that your provided code is truncated (the final vert_left Guideline is incomplete), but I'll work with what's available and fill in the gaps where needed.

Your Original (Truncated) Layout Code #

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorPrimary">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginBottom="@dimen/_8sdp"
        android:layout_marginEnd="@dimen/_8sdp"
        android:layout_marginStart="@dimen/_8sdp"
        android:layout_marginTop="@dimen/_8sdp"
        android:adjustViewBounds="true"
        android:scaleType="fitXY"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/card_details_open" />

    <android.support.constraint.Guideline
        android:id="@+id/hor_top"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_begin="113dp" />

    <TextView
        android:id="@+id/first"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="@dimen/_8sdp"
        android:ellipsize="marquee"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:fontFamily="monospace"
        android:marqueeRepeatLimit="marquee_forever"
        android:scrollHorizontally="true"
        android:singleLine="true"
        android:text="LEADER SKILL OR SOMETHING that's long and will make the text scroll in order to show something"
        android:textColor="@color/white"
        android:textSize="@dimen/_14ssp"
        app:layout_constraintEnd_toStartOf="@+id/vert_right"
        app:layout_constraintStart_toStartOf="@+id/vert_left"
        app:layout_constraintTop_toTopOf="@+id/hor_top" />

    <TextView
        android:id="@+id/second"
        android:layout_width="0dp"
        android:layout_height="19dp"
        android:layout_marginEnd="@dimen/_6sdp"
        android:layout_marginTop="@dimen/_14sdp"
        android:ellipsize="marquee"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:fontFamily="monospace"
        android:marqueeRepeatLimit="marquee_forever"
        android:scrollHorizontally="true"
        android:singleLine="true"
        android:text="LEADER SKILL OR SOMETHING that's long and will make the text scroll in order to show something"
        android:textColor="@android:color/holo_blue_light"
        android:textSize="@dimen/_14ssp"
        app:layout_constraintEnd_toStartOf="@+id/vert_right"
        app:layout_constraintStart_toStartOf="@+id/first"
        app:layout_constraintTop_toBottomOf="@+id/first" />

    <TextView
        android:id="@+id/third"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="@dimen/_12sdp"
        android:layout_marginEnd="@dimen/_6sdp"
        android:ellipsize="marquee"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:fontFamily="monospace"
        android:marqueeRepeatLimit="marquee_forever"
        android:paddingBottom="@dimen/_2sdp"
        android:scrollHorizontally="true"
        android:singleLine="true"
        android:text="LEADER SKILL OR SOMETHING that's long and will make the text scroll in order to show something"
        android:textColor="@color/white"
        android:textSize="@dimen/_14ssp"
        app:layout_constraintBottom_toTopOf="@+id/hor_bot"
        app:layout_constraintEnd_toStartOf="@+id/vert_right"
        app:layout_constraintStart_toStartOf="@+id/second" />

    <android.support.constraint.Guideline
        android:id="@+id/hor_bot"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_begin="@dimen/_206sdp" />

    <LinearLayout
        android:id="@+id/Stats"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/_8sdp"
        android:orientation="horizontal"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <TextView
            android:id="@+id/textView12"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="@dimen/_35sdp"
            android:layout_weight="1"
            android:text="TextView"
            android:textColor="@color/white" />

        <TextView
            android:id="@+id/textView13"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="@dimen/_10sdp"
            android:layout_marginStart="@dimen/_25sdp"
            android:layout_weight="0.30"
            android:text="TextView"
            android:textColor="@color/white" />

        <TextView
            android:id="@+id/textView11"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="@dimen/_50sdp"
            android:layout_weight="1"
            android:text="TextView"
            android:textColor="@color/white" />
    </LinearLayout>

    <android.support.constraint.Guideline
        android:id="@+id/vert_left"
        android:layout_width="wrap_

Key Optimization Suggestions #

• Migrate to AndroidX ConstraintLayout
  You're using the old support library (android.support.constraint). Switch to AndroidX (androidx.constraintlayout.widget.ConstraintLayout) to access the latest features, bug fixes, and better compatibility with modern Android versions. Update your XML root tag and all related components like Guidelines.

• Standardize on sdp/ssp for All Dimensions
  Notice your hor_top Guideline uses a hardcoded 113dp instead of a dimension resource. Replace this with @dimen/_113sdp to ensure it scales consistently with other elements across different screen densities.

• Remove Hardcoded TextView Heights
  The second TextView has a fixed 19dp height, which can cause text truncation on larger fonts or smaller screens. Change this to wrap_content or set a minHeight to let the view adapt to its content.

• Fix LinearLayout Weight Calculation
  For your Stats LinearLayout, set android:layout_width="0dp" on each child TextView when using layout_weight. This ensures the weight is applied correctly, preventing layout misalignment on varying screen widths.

• Improve Marquee Reliability
  Marquees only activate when the TextView has focus. To make them auto-scroll without user interaction, add android:selected="true" to your marquee-enabled TextViews. You can also set this programmatically if needed.

• Complete the Truncated Vertical Guideline
  Your vert_left Guideline is incomplete. Finish it with a constraint like app:layout_constraintGuide_begin="@dimen/_16sdp" (adjust the value to match your design) to define the left boundary for your text elements.

• Use Constraint Chains for Better Vertical Alignment
  Link the first, second, and third TextViews into a vertical chain. This ensures consistent spacing between them across all screen sizes. Add app:layout_constraintVertical_chainStyle="packed" to keep them grouped tightly, or spread for even distribution.

• Add Accessibility Support
  Include android:contentDescription for your ImageView and meaningful descriptions for TextViews to make your layout accessible to users with screen readers.

Optimized Layout Example (AndroidX) #

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorPrimary">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_margin="@dimen/_8sdp"
        android:adjustViewBounds="true"
        android:contentDescription="@string/card_details_background"
        android:scaleType="fitXY"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/card_details_open" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/hor_top"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_begin="@dimen/_113sdp" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/hor_bot"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_begin="@dimen/_206sdp" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/vert_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_begin="@dimen/_16sdp" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/vert_right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_end="@dimen/_16sdp" />

    <TextView
        android:id="@+id/first"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="@dimen/_8sdp"
        android:ellipsize="marquee"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:fontFamily="monospace"
        android:marqueeRepeatLimit="marquee_forever"
        android:scrollHorizontally="true"
        android:selected="true"
        android:singleLine="true"
        android:text="@string/long_scrolling_text"
        android:textColor="@color/white"
        android:textSize="@dimen/_14ssp"
        app:layout_constraintEnd_toStartOf="@+id/vert_right"
        app:layout_constraintStart_toStartOf="@+id/vert_left"
        app:layout_constraintTop_toTopOf="@+id/hor_top"
        app:layout_constraintBottom_toTopOf="@+id/second" />

    <TextView
        android:id="@+id/second"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="@dimen/_6sdp"
        android:layout_marginTop="@dimen/_14sdp"
        android:ellipsize="marquee"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:fontFamily="monospace"
        android:marqueeRepeatLimit="marquee_forever"
        android:scrollHorizontally="true"
        android:selected="true"
        android:singleLine="true"
        android:text="@string/long_scrolling_text"
        android:textColor="@android:color/holo_blue_light"
        android:textSize="@dimen/_14ssp"
        app:layout_constraintEnd_toStartOf="@+id/vert_right"
        app:layout_constraintStart_toStartOf="@+id/first"
        app:layout_constraintTop_toBottomOf="@+id/first"
        app:layout_constraintBottom_toTopOf="@+id/third" />

    <TextView
        android:id="@+id/third"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="@dimen/_12sdp"
        android:layout_marginEnd="@dimen/_6sdp"
        android:ellipsize="marquee"
        android:focusable="true"
        android:focusableInTouchMode="true"
        android:fontFamily="monospace"
        android:marqueeRepeatLimit="marquee_forever"
        android:paddingBottom="@dimen/_2sdp"
        android:scrollHorizontally="true"
        android:selected="true"
        android:singleLine="true"
        android:text="@string/long_scrolling_text"
        android:textColor="@color/white"
        android:textSize="@dimen/_14ssp"
        app:layout_constraintBottom_toTopOf="@+id/hor_bot"
        app:layout_constraintEnd_toStartOf="@+id/vert_right"
        app:layout_constraintStart_toStartOf="@+id/second"
        app:layout_constraintTop_toBottomOf="@+id/second" />

    <LinearLayout
        android:id="@+id/Stats"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/_8sdp"
        android:orientation="horizontal"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <TextView
            android:id="@+id/textView12"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="@dimen/_35sdp"
            android:layout_weight="1"
            android:text="@string/stats_label_1"
            android:textColor="@color/white" />

        <TextView
            android:id="@+id/textView13"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginHorizontal="@dimen/_25sdp"
            android:layout_weight="0.30"
            android:text="@string/stats_label_2"
            android:textColor="@color/white" />

        <TextView
            android:id="@+id/textView11"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="@dimen/_50sdp"
            android:layout_weight="1"
            android:text="@string/stats_label_3"
            android:textColor="@color/white" />
    </LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

内容的提问来源于stack exchange，提问作者Stelios Papamichail