Android Kotlin：解决ScrollView中添加随图滚动按钮崩溃问题

崩溃的核心原因是ScrollView只能包含一个直接子View，你的原布局里ScrollView的直接子View是ImageView，取消注释scrollView.addView(button)后，相当于给ScrollView添加了第二个子View，违反了ScrollView的布局规则，直接导致崩溃。

下面提供两种可行的解决方案：

方案一：修改XML布局（推荐） #

直接在布局里给ScrollView嵌套一个容器（比如FrameLayout，支持子View叠层显示），把图片和按钮都放在这个容器内，这样滚动时按钮会和图片同步移动。

修改后的布局代码：

<RelativeLayout 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:id="@+id/relativeLayout"
    tools:context=".MainActivity">

    <HorizontalScrollView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/horizontalScrollView"
        android:scrollbars="none" >

        <ScrollView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/scrollView"
            android:scrollbars="none" >

            <!-- 用FrameLayout作为容器，承载图片和按钮 -->
            <FrameLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">

                <ImageView
                    android:id="@+id/imageView"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:contentDescription="@string/app_name" />

                <!-- 直接在布局里定义按钮，位置通过margin控制 -->
                <Button
                    android:id="@+id/myButton"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="My Button"
                    android:layout_marginLeft="200dp"
                    android:layout_marginTop="300dp"/>

            </FrameLayout>
        </ScrollView>

    </HorizontalScrollView>
</RelativeLayout>

对应的简化版Kotlin代码：

package com.example.ocr_4
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.ImageView
import com.squareup.picasso.Picasso

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val imageView: ImageView = findViewById(R.id.imageView)
        imageView.setBackgroundResource(R.color.background_color)
        val imageUrl = "https://i.ibb.co/L5nxHqn/Ergo-Partlist-Page-2.jpg"

        Picasso.get()
            .load(imageUrl)
            .into(imageView)
    }
}

方案二：动态修改代码（保留原布局） #

如果不想改动XML布局，可以通过代码动态创建容器，将原ImageView和新按钮移入容器，再把容器设置为ScrollView的子View：

package com.example.ocr_4
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.FrameLayout
import android.widget.ImageView
import android.widget.ScrollView
import com.squareup.picasso.Picasso

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val imageView: ImageView = findViewById(R.id.imageView)
        val scrollView: ScrollView = findViewById(R.id.scrollView)
        imageView.setBackgroundResource(R.color.background_color)
        val imageUrl = "https://i.ibb.co/L5nxHqn/Ergo-Partlist-Page-2.jpg"

        Picasso.get()
            .load(imageUrl)
            .into(imageView)

        // 创建FrameLayout作为统一容器
        val container = FrameLayout(this)
        // 移除ScrollView中原有的ImageView
        scrollView.removeView(imageView)
        // 将ImageView添加到容器
        container.addView(imageView)

        // 创建按钮并设置位置参数
        val button = Button(this)
        button.text = "My Button"
        val layoutParams = FrameLayout.LayoutParams(
            FrameLayout.LayoutParams.WRAP_CONTENT,
            FrameLayout.LayoutParams.WRAP_CONTENT
        )
        // 注意：这里的margin是像素，如需适配不同屏幕，建议转成dp（见下方补充）
        layoutParams.leftMargin = 200
        layoutParams.topMargin = 300
        button.layoutParams = layoutParams

        // 将按钮添加到容器
        container.addView(button)
        // 将容器设置为ScrollView的子View
        scrollView.addView(container)
    }

    // 可选：添加dp转px工具方法，适配不同屏幕
    private fun dpToPx(dp: Int): Int {
        return (dp * resources.displayMetrics.density).toInt()
    }
}

补充说明 #

• 用FrameLayout是因为它支持子View叠层显示，按钮可以直接覆盖在图片上；如果需要更复杂的位置控制，也可以替换成RelativeLayout或ConstraintLayout。
• 如果要让按钮位置适配不同屏幕，建议用上面的dpToPx方法，将dp值转为像素，比如layoutParams.leftMargin = dpToPx(200)。

内容的提问来源于stack exchange，提问作者raju