Question

我的问题是我放置的控件（复选框，按钮等）在模拟器上不可见。下面是我的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"
tools:context=".MainActivity">

<Button
    android:id="@+id/btn1"
    android:layout_width="match_parent"
    android:layout_height="52dp"
    android:text="@string/btn1"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="1.0"
    app:layout_constraintStart_toStartOf="parent"
    tools:ignore="MissingConstraints"
    tools:layout_editor_absoluteY="0dp" />

<Button
    android:id="@+id/btn2"
    android:layout_width="match_parent"
    android:layout_height="77dp"
    android:text="@string/btn2"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintStart_toStartOf="parent"
    tools:ignore="MissingConstraints"
    tools:layout_editor_absoluteY="68dp" />

<fragment
    android:id="@+id/fragment"
    android:name="com.example.mypc.fragmentactivity.Fragment1"
    android:layout_width="222dp"
    android:layout_height="285dp"
    android:layout_marginBottom="40dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    tools:ignore="MissingConstraints" />

这是我的XML（设计视图）： XML (design view)

这是我的模拟器窗口： emulator window

我的XML文件有问题吗？

请为此提供解决方案。我该如何处理？

Answer 1

您正在使用约束布局，但未使用相对定位。

根据开发者网站：

相对定位是在 ConstraintLayout 中创建布局的基本组成部分之一。这些约束允许您将给定的小部件相对于另一个小部件定位。您可以在水平和垂直轴上约束小部件：

水平轴：左侧，右侧，起点和终点

垂直轴：顶部，底部和文本基线

这是我的解决方案，可以为您提供帮助：

<?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"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btn1"
        android:layout_width="match_parent"
        android:layout_height="52dp"
        android:text="@string/btn1"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintBottom_toBottomOf="@id/btn2"/>

    <Button
        android:id="@+id/btn2"
        android:layout_width="match_parent"
        android:layout_height="77dp"
        android:text="@string/btn2"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@id/btn1"
        android:layout_marginTop="10dp"/>


</android.support.constraint.ConstraintLayout>

我已经使用相对定位来解决您的问题。如果您使用约束布局，那么在没有相对定位的情况下，视图将相互重叠。

Answer 2

因为您没有正确对齐第二个按钮。似乎第二个按钮与第一个按钮重叠。

尝试这个

<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"
    tools:context=".activites.HomeActivity"
    android:layout_margin="6dp">

    <Button
        android:id="@+id/btnOne"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="Button One"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/btnTwo"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="Button Two"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btnOne" />

    <fragment
        android:id="@+id/fragment"
        android:layout_width="222dp"
        android:layout_height="285dp"
        android:layout_marginBottom="40dp"
        android:layout_marginTop="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/btnTwo"
        tools:ignore="MissingConstraints" />

</android.support.constraint.ConstraintLayout>

输出将是这样

Answer 3

仅使用LinearLayout而不是constraintlayout。还提供垂直于该线性布局的方向。它将为您提供帮助

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
 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:orientation="vertical"
 tools:context=".MainActivity">

 <Button
    android:id="@+id/btn1"
    android:layout_width="match_parent"
    android:layout_height="52dp"
    android:text="@string/btn1" />

<Button
    android:id="@+id/btn2"
    android:layout_width="match_parent"
    android:layout_height="77dp"
    android:text="@string/btn2" />

<fragment
    android:id="@+id/fragment"
    android:name="com.example.mypc.fragmentactivity.Fragment1"
    android:layout_width="222dp"
    android:layout_height="285dp"
    android:layout_marginBottom="40dp" />
</LinearLayout>

Answer 4

layout_editor属性仅用于editor preview，对最终布局没有影响。您应该使用ConstraintLayout特定属性来定位元素。

它仅用于预览目的。

tools:layout_editor_absoluteY="68dp"

Answer 5

在您的代码中，您的元素在一个位置相互溢出，这就是为什么它们不可见的原因。

我的建议是在学习android的初期不要约束Layout。使用线性布局代替约束布局。

由于存在约束布局，因此布局编辑器使用约束来确定UI元素在布局中的位置。您必须提供许多约束XML属性，例如。

app:layout_editor_absoluteX="73dp"
        app:layout_editor_absoluteY="176dp"
        app:layout_constraintLeft_creator="1"
        app:layout_constraintTop_creator="1"
        app:layout_constraintRight_creator="1"

指定布局中元素的位置。

使用线性布局代替约束布局并给出

 orientation:"vetical"

查看所有元素。

为什么在Android Studio中的模拟器上看不到XML元素？

5 个答案: