不同密度支持答案

【问题标题】：Different density support不同密度支持
【发布时间】：2018-05-11 10:41:34
【问题描述】：

我在我的项目中创建了以下 .xml 布局，以创建支持不同屏幕尺寸和密度的可扩展布局：

<?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_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:layout_constraintGuide_begin="@dimen/_80sdp" />

<android.support.constraint.Guideline
    android:id="@+id/vert_right"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:layout_constraintGuide_end="@dimen/_72sdp" />

</android.support.constraint.ConstraintLayout>

但是，我仍然面临同样的问题。在第一张图片中，手机为 5 英寸，密度约为 380dp，在第二张图片中，手机再次为 5 英寸，但密度约为 441dp .

如您所见，我的布局的 textViews 在这些布局中的任何一个上都没有保持在正确的位置。我需要做什么才能在 Android Studio 中创建可扩展的布局？我已经阅读了大量的帖子，但没有人真正告诉你这是如何完成的。如果您根据自己的个人经验对如何完成此操作有任何想法，或者您曾与工作区中的开发人员团队合作过，请帮助业余开发人员。提前谢谢你。

PS：请不要评论那些只是说我应该为不同的分辨率创建不同的布局文件夹的帖子链接，因为我已经这样做了。我的布局目录如下：layout,layout-hdpi-layout-xhdpi,layout-xxhdpi 和 layout-xxxhdpi。

旁注：在创建可扩展布局的过程中，我还使用了 sdp/ssp 库，但它不是很有帮助。

【问题讨论】：

在 Android 中，您必须为不同的屏幕尺寸创建自定义布局
@Eminem 我知道，但我必须通过代码手动完成吗？比如获取屏幕尺寸，然后决定使用哪种布局？
如果你接受更多的答案并奖励他们的努力，它会鼓励很多人帮助你，非常糟糕的声誉
developer.android.com/training/multiscreen/screensizes
@Eminem，关于声誉的事情，你是对的。我没有注意选择答案（我知道......）但我现在解决了这个问题。感谢您指出！

标签： android xml android-layout screen-size pixel-density

【解决方案1】：

对于任何回到这个帖子的人，在与 UI/UX 设计师交谈后，我了解到，为了让如此复杂的布局在多个维度上工作，您可能应该将它们“切割”成多个部分（例如：将HP、ATT 和 DEF 框在顶部，创建图像的预定义文本（橙色文本）作为实际单独的 TextView 等）。然后使用您在 Android 开发者网站上找到的文档和ConstraintLayout，您应该没问题！

【讨论】：