Question

我必须开始使用Android应用程序开发。我正在使用Android Studio并完成本教程。我总是让2个元素叠加在一起，而一个元素应该在第一个元素之下。这可能是一个非常荒谬的错误，但是，嘿，我是一个菜鸟，我不知道它是什么。 :)代码如下：

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 
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:fitsSystemWindows="true"
android:orientation="horizontal"
tools:context="org.kehrli.testapp.MyActivity">
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:theme="@style/AppTheme.AppBarOverlay">
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimaryDark"
         />
</LinearLayout>

<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="horizontal" >

    <EditText android:id="@+id/edit_message"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:hint="@string/enter_message" />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button_send"/>
</LinearLayout>

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="@dimen/fab_margin"
    android:background="?attr/colorPrimary"
    android:src="@android:drawable/ic_dialog_email" />

谁能看到我哪里出错？

Answer 1

每当有LinearLayout时，您必须指定android:orientation，表示子元素是否应该堆叠horizontal或vertical。

由于您希望垂直堆叠，请将android:orientation值更新为vertical。

Answer 2

您的线性布局方向设置为horizontal，使其成为vertical，您应该看到它们在另一个之下。

更改android:orientation="horizontal" 到android:orientation="vertical"

Answer 3

由于您使用的是CoordinatorLayout，因此您需要在AppBarLayout中使用ToolBar而不是LinearLayout。有点像这样：

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|enterAlways"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

</android.support.design.widget.AppBarLayout>

您应该查看AppBarLayout以获取有关滚动标记等的更多信息。

此外，第二个线性布局可能需要布局行为，因此它位于应用栏下方。因此，如果您发现可能需要添加此属性：

app:layout_behavior="@string/appbar_scrolling_view_behavior"

LinearLayouts彼此重叠

3 个答案: