将 ScrollView 添加到我的 XML 布局文件后应用程序崩溃

【问题标题】：App crashes after adding ScrollView to my XML layout file将 ScrollView 添加到我的 XML 布局文件后应用程序崩溃
【发布时间】：2020-09-06 11:31:07
【问题描述】：

我正在尝试添加一个 ScrollView。一切正常，直到我将 ScrollView 添加到我的 XML 布局文件中，然后我的应用程序崩溃了。我该如何解决这个问题？请您建议我如何解决将 ScrollView 添加到我的布局而不对我的视图属性进行太多更改的问题，特别是 id @+id/mediaImage 的 ImageView 应该是 wrap_content。

这是 XML 代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/CardViewBgColor"
android:orientation="vertical"
tools:context=".MainActivity">


<ScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <androidx.cardview.widget.CardView
        android:id="@+id/searchCardView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="8dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="16dp"
            android:orientation="vertical">

            <EditText
                android:id="@+id/searchUrl"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="16dp"
                android:hint="@string/search_url_hint" />

            <Button
                android:id="@+id/search_button"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:onClick="getMediaID"
                android:text="@string/button_search_text" />

        </LinearLayout>

    </androidx.cardview.widget.CardView>

    <androidx.cardview.widget.CardView
        android:id="@+id/imageCardView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="8dp"
        android:layout_marginTop="16dp"
        android:visibility="visible">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">

                <de.hdodenhof.circleimageview.CircleImageView
                    android:id="@+id/profileImage"
                    android:layout_width="40dp"
                    android:layout_height="40dp"
                    android:layout_marginStart="16dp"
                    android:layout_marginTop="16dp"
                    android:layout_marginEnd="8dp"
                    android:layout_marginBottom="8dp"
                    android:src="@drawable/testimage" />

                <TextView
                    android:id="@+id/profileUsername"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="16dp"
                    android:layout_marginEnd="8dp"
                    android:layout_marginBottom="8dp"
                    android:text="username"
                    android:textAppearance="@style/TextAppearance.AppCompat.Subhead"
                    android:textSize="24sp" />
            </LinearLayout>

            <ImageView
                android:id="@+id/mediaImage"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:paddingStart="16dp"
                android:paddingEnd="16dp"
                android:paddingBottom="16dp"
                android:src="@drawable/testimage" />

            <TextView
                android:id="@+id/caption"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:paddingStart="16dp"
                android:paddingTop="8dp"
                android:paddingEnd="16dp"
                android:paddingBottom="8dp"
                android:text="Capion Text"
                android:textSize="16sp" />

        </LinearLayout>

    </androidx.cardview.widget.CardView>

</ScrollView>

</LinearLayout>

这是崩溃日志：

2020-05-20 13:00:26.506 20685-20685/com.trickdarinda.instaphotodownloader E/AndroidRuntime: 致命异常: main 进程：com.trickdarinda.instaphotodownloader，PID：20685 java.lang.RuntimeException: Unable to start activity ComponentInfo{com.trickdarinda.instaphotodownloader/com.trickdarinda.instaphotodownloader.MainActivity}: android.view.InflateException: Binary XML file line #46: ScrollView can host only one direct child 在 android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2946) 在 android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:3081) 在 android.app.servertransaction.LaunchActivityItem.execute(LaunchActivityItem.java:78) 在 android.app.servertransaction.TransactionExecutor.executeCallbacks(TransactionExecutor.java:108) 在 android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:68) 在 android.app.ActivityThread$H.handleMessage(ActivityThread.java:1831) 在 android.os.Handler.dispatchMessage(Handler.java:106) 在 android.os.Looper.loop(Looper.java:201) 在 android.app.ActivityThread.main(ActivityThread.java:6810) 在 java.lang.reflect.Method.invoke（本机方法） 在 com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:547) 在 com.android.internal.os.ZygoteInit.main(ZygoteInit.java:873) 原因：android.view.InflateException: Binary XML file line #46: ScrollView can host only one direct child 原因：java.lang.IllegalStateException：ScrollView 只能承载一个直接子级 在 android.widget.ScrollView.addView(ScrollView.java:279) 在 android.view.LayoutInflater.rInflate(LayoutInflater.java:871) 在 android.view.LayoutInflater.rInflateChildren（LayoutInflater.java:828） 在 android.view.LayoutInflater.rInflate(LayoutInflater.java:870) 在 android.view.LayoutInflater.rInflateChildren（LayoutInflater.java:828） 在 android.view.LayoutInflater.inflate(LayoutInflater.java:519) 在 android.view.LayoutInflater.inflate(LayoutInflater.java:427) 在 android.view.LayoutInflater.inflate(LayoutInflater.java:374) 在 androidx.appcompat.app.AppCompatDelegateImpl.setContentView(AppCompatDelegateImpl.java:555) 在 androidx.appcompat.app.AppCompatActivity.setContentView(AppCompatActivity.java:161) 在 com.trickdarinda.instaphotodownloader.MainActivity.onCreate(MainActivity.java:32) 在 android.app.Activity.performCreate(Activity.java:7224) 在 android.app.Activity.performCreate(Activity.java:7213) 在 android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1272) 在 android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2926) 在 android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:3081) 在 android.app.servertransaction.LaunchActivityItem.execute(LaunchActivityItem.java:78) 在 android.app.servertransaction.TransactionExecutor.executeCallbacks(TransactionExecutor.java:108) 在 android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:68) 在 android.app.ActivityThread$H.handleMessage(ActivityThread.java:1831) 在 android.os.Handler.dispatchMessage(Handler.java:106) 在 android.os.Looper.loop(Looper.java:201) 在 android.app.ActivityThread.main(ActivityThread.java:6810) 在 java.lang.reflect.Method.invoke（本机方法） 在 com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:547) 在 com.android.internal.os.ZygoteInit.main(ZygoteInit.java:873)

【问题讨论】：

  • 请添加崩溃日志

标签： android xml android-studio android-layout


【解决方案1】：

ScrollView 只能有一个子视图，您需要将所有子视图包裹在 LinearLayout 中，这应该可以解决。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/CardViewBgColor"
android:orientation="vertical"
tools:context=".MainActivity">


<ScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <androidx.cardview.widget.CardView
        android:id="@+id/searchCardView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="8dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="16dp"
            android:orientation="vertical">

            <EditText
                android:id="@+id/searchUrl"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="16dp"
                android:hint="@string/search_url_hint" />

            <Button
                android:id="@+id/search_button"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:onClick="getMediaID"
                android:text="@string/button_search_text" />

        </LinearLayout>

    </androidx.cardview.widget.CardView>

    <androidx.cardview.widget.CardView
        android:id="@+id/imageCardView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="8dp"
        android:layout_marginTop="16dp"
        android:visibility="visible">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">

                <de.hdodenhof.circleimageview.CircleImageView
                    android:id="@+id/profileImage"
                    android:layout_width="40dp"
                    android:layout_height="40dp"
                    android:layout_marginStart="16dp"
                    android:layout_marginTop="16dp"
                    android:layout_marginEnd="8dp"
                    android:layout_marginBottom="8dp"
                    android:src="@drawable/testimage" />

                <TextView
                    android:id="@+id/profileUsername"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="16dp"
                    android:layout_marginEnd="8dp"
                    android:layout_marginBottom="8dp"
                    android:text="username"
                    android:textAppearance="@style/TextAppearance.AppCompat.Subhead"
                    android:textSize="24sp" />
            </LinearLayout>

            <ImageView
                android:id="@+id/mediaImage"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:paddingStart="16dp"
                android:paddingEnd="16dp"
                android:paddingBottom="16dp"
                android:src="@drawable/testimage" />

            <TextView
                android:id="@+id/caption"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:paddingStart="16dp"
                android:paddingTop="8dp"
                android:paddingEnd="16dp"
                android:paddingBottom="8dp"
                android:text="Capion Text"
                android:textSize="16sp" />

        </LinearLayout>

    </androidx.cardview.widget.CardView>
  </LinearLayout>
</ScrollView>

</LinearLayout>

【讨论】：

【解决方案2】：

ScrollView 只能有一个孩子！只需将所有 CardViews 包装在一个垂直的 LinearLayout 中，就可以解决它。

作为一般说明，您应该查看崩溃日志 - IIRC 它会说“您的滚动视图有多个孩子”

【讨论】：

    【解决方案3】：

    ScrollView 只能有一个孩子。将 CardView 包裹在父布局中，例如 LinearLayout:

    <?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/CardViewBgColor"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <androidx.cardview.widget.CardView
            android:id="@+id/searchCardView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="8dp">
            ...
    </LinearLayout>

<ScrollView>

    【讨论】：

    • 我试过了，但现在 ImageView 占用了不必要的空间。你可以在这里看到'drive.google.com/file/d/1SajnSXBUqFm87dAHBcEu14Au8iWiummk/…'
    • 那是因为你将 ImageView 的高度设置为 wrap_content。您必须为图像设置一个固定的高度，并将 scaleType 设置为 fitCenter 或 centerCrop，具体取决于您是要显示整个图像还是裁剪它。
    猜你喜欢
    • 2016-06-22
    • 1970-01-01
    • 2020-04-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode