ConstraintLayout 由 Android Studio 自动调整大小

Question

我是 Android 新手，在 Android Studio 中设计布局时遇到问题。我发现了许多相关的问题，但没有一个有效。 Android Studio 始终根据当前预览大小（Pixel、Nexus 7...）在 dp 中硬编码约束值。

我在 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">

    <com.meanstreet.note.Slider
        android:id="@+id/slider"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context="com.meanstreet.note.MainActivity">

        <RelativeLayout
            android:id="@+id/menu"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <Button
                android:id="@+id/bold"
                style="?android:attr/buttonBarButtonStyle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_alignParentTop="true"
                android:text="@string/bold_button" />

...

在我进入“设计”标签后更改了代码（不适合我的手机屏幕）：

<?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">

    <com.meanstreet.note.Slider
        android:id="@+id/slider"
        android:layout_width="344dp"
        android:layout_height="495dp"
        tools:context="com.meanstreet.note.MainActivity"
        tools:layout_editor_absoluteY="8dp"
        tools:layout_editor_absoluteX="8dp">

        <RelativeLayout
            android:id="@+id/menu"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <Button
                android:id="@+id/bold"
                style="?android:attr/buttonBarButtonStyle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_alignParentTop="true"
                android:text="@string/bold_button" />
...

Slider 是扩展 RelativeLayout 的自定义视图。

Slider 中的硬编码值取决于 Android Studio 中用于预览的所选手机，并且该视图现在不在我的手机中（如果所选手机更大）或右侧和底部的边距很大（如果所选手机更小）。

这对我来说似乎很奇怪：我仍然可以避免进入“设计”选项卡，这样代码就不会被更改并且可以在任何设备上运行，但这很烦人。

为什么 Android Studio 会这样？我怎样才能让宽度和高度保持在“match_parent”，从而在任何手机上都有正确的尺寸？

提前感谢您的帮助。

Answer 1

ConstraintLayout 内的元素不支持match_parent。相反，您可以这样做；

• 将 Slider 的宽度设置为 0dp。

• 使用这些属性向左右添加约束。

  app:layout_constraintLeft_toLeftOf="parent"

  app:layout_constraintRight_toRightOf="parent"

这样您就可以水平拉伸该视图。您可以使用相同的逻辑垂直执行相同的操作。

<?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">

    <com.meanstreet.note.Slider
        android:id="@+id/slider"
        android:layout_width="0dp"
        android:layout_height="495dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        tools:context="com.meanstreet.note.MainActivity"
        tools:layout_editor_absoluteY="8dp"
        tools:layout_editor_absoluteX="8dp">

        <RelativeLayout
            android:id="@+id/menu"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <Button
                android:id="@+id/bold"
                style="?android:attr/buttonBarButtonStyle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_alignParentTop="true"
                android:text="@string/bold_button" />