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

Posted 2023-04-15

技术标签:

【中文标题】将 ScrollView 添加到我的 XML 布局文件后应用程序崩溃【英文标题】：App crashes after adding ScrollView to my XML layout file 【发布时间】：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_
android:layout_
android:background="@color/CardViewBgColor"
android:orientation="vertical"
tools:context=".MainActivity">


<ScrollView
    android:layout_
    android:layout_>

    <androidx.cardview.widget.CardView
        android:id="@+id/searchCardView"
        android:layout_
        android:layout_
        android:layout_margin="8dp">

        <LinearLayout
            android:layout_
            android:layout_
            android:layout_margin="16dp"
            android:orientation="vertical">

            <EditText
                android:id="@+id/searchUrl"
                android:layout_
                android:layout_
                android:layout_margin="16dp"
                android:hint="@string/search_url_hint" />

            <Button
                android:id="@+id/search_button"
                android:layout_
                android:layout_
                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_
        android:layout_
        android:layout_margin="8dp"
        android:layout_marginTop="16dp"
        android:visibility="visible">

        <LinearLayout
            android:layout_
            android:layout_
            android:orientation="vertical">

            <LinearLayout
                android:layout_
                android:layout_
                android:orientation="horizontal">

                <de.hdodenhof.circleimageview.CircleImageView
                    android:id="@+id/profileImage"
                    android:layout_
                    android:layout_
                    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_
                    android:layout_
                    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_
                android:layout_
                android:paddingStart="16dp"
                android:paddingEnd="16dp"
                android:paddingBottom="16dp"
                android:src="@drawable/testimage" />

            <TextView
                android:id="@+id/caption"
                android:layout_
                android:layout_
                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 ComponentInfocom.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)

【问题讨论】：

请添加崩溃日志 【参考方案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_
android:layout_
android:background="@color/CardViewBgColor"
android:orientation="vertical"
tools:context=".MainActivity">


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

        <LinearLayout
            android:layout_
            android:layout_
            android:layout_margin="16dp"
            android:orientation="vertical">

            <EditText
                android:id="@+id/searchUrl"
                android:layout_
                android:layout_
                android:layout_margin="16dp"
                android:hint="@string/search_url_hint" />

            <Button
                android:id="@+id/search_button"
                android:layout_
                android:layout_
                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_
        android:layout_
        android:layout_margin="8dp"
        android:layout_marginTop="16dp"
        android:visibility="visible">

        <LinearLayout
            android:layout_
            android:layout_
            android:orientation="vertical">

            <LinearLayout
                android:layout_
                android:layout_
                android:orientation="horizontal">

                <de.hdodenhof.circleimageview.CircleImageView
                    android:id="@+id/profileImage"
                    android:layout_
                    android:layout_
                    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_
                    android:layout_
                    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_
                android:layout_
                android:paddingStart="16dp"
                android:paddingEnd="16dp"
                android:paddingBottom="16dp"
                android:src="@drawable/testimage" />

            <TextView
                android:id="@+id/caption"
                android:layout_
                android:layout_
                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>

【讨论】：

我试过了，但现在 ImageView 占用了不必要的空间。你可以在这里看到'drive.google.com/file/d/1SajnSXBUqFm87dAHBcEu14Au8iWiummk/…' 是的，它是垂直的但是当我尝试运行它时，它会显示一个预览，就像我上面给出的链接中的图像一样【参考方案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_
    android:layout_
    android:background="@color/CardViewBgColor"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_
        android:layout_
        android:orientation="vertical">

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

<ScrollView>

【讨论】：

我试过了，但现在 ImageView 占用了不必要的空间。你可以在这里看到'drive.google.com/file/d/1SajnSXBUqFm87dAHBcEu14Au8iWiummk/…' 那是因为你将 ImageView 的高度设置为 wrap_content。您必须为图像设置一个固定的高度，并将 scaleType 设置为 fitCenter 或 centerCrop，具体取决于您是要显示整个图像还是裁剪它。

以上是关于将 ScrollView 添加到我的 XML 布局文件后应用程序崩溃的主要内容，如果未能解决你的问题，请参考以下文章

如何在 ScrollView 内的 LinearLayout 底部放置按钮

我的 ScrollView 没有垂直滚动

尝试使用自动布局将 UIButton 添加到我的视图中，但它没有出现。为啥？ [关闭]

添加cardview动态滚动视图，不显示

为啥我不能引用将惯性js添加到我的项目的应用程序布局文件？

将 UIViews 添加到 ScrollView 时发生的奇怪事情