You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Android中ScrollView内静态按钮问题:三段式XML布局实现求助

嘿,我帮你把这个布局整理成规范的结构,补全你没写完的代码,让它完全符合你描述的三部分需求:

完整的地点详情布局XML实现

下面是按照你需求拆分后的完整布局代码,我用垂直方向的LinearLayout作为ScrollView的唯一子容器,把三个部分依次排列:

第一部分:地点相关信息及图片

这部分我用垂直布局来展示地点名称、地址等文本信息,搭配一张展示地点的图片,你可以根据需求调整控件的样式和属性:

<!-- 地点信息与图片区域 -->
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="16dp"
    android:gap="12dp">

    <!-- 地点名称 -->
    <TextView
        android:id="@+id/tv_location_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="XX美食广场"
        android:textSize="22sp"
        android:textStyle="bold"/>

    <!-- 地点地址 -->
    <TextView
        android:id="@+id/tv_location_address"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="XX市XX区XX路123号"
        android:textSize="16sp"
        android:textColor="@android:color/darker_gray"/>

    <!-- 地点展示图片 -->
    <ImageView
        android:id="@+id/iv_location_image"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:scaleType="centerCrop"
        android:src="@drawable/location_placeholder"/>
</LinearLayout>

第二部分:横向排列的Button

这里用横向LinearLayout来放置两个按钮,通过layout_weight让它们平分宽度,保证在不同屏幕上的适配性:

<!-- 横向按钮组 -->
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:paddingHorizontal="16dp"
    android:gap="8dp">

    <Button
        android:id="@+id/btn_reserve"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="立即预约"/>

    <Button
        android:id="@+id/btn_share"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="分享地点"/>
</LinearLayout>

第三部分:用户评价RecyclerView

这部分添加RecyclerView来展示用户评价,记得要给它设置合适的高度属性,适配不同的展示需求:

<!-- 用户评价列表 -->
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="16dp"
    android:gap="12dp">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="用户评价"
        android:textSize="20sp"
        android:textStyle="bold"/>

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv_reviews"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"/>
</LinearLayout>
整合后的完整ScrollView代码

把上面三个部分整合到你的ScrollView中,补全你未完成的代码片段:

<ScrollView
    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:name="com.example.abdo.foodproject.OneItemFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".OneItemFragment">

    <!-- 唯一子容器:垂直LinearLayout -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:gap="16dp">

        <!-- 第一部分:地点信息与图片 -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="16dp"
            android:gap="12dp">

            <TextView
                android:id="@+id/tv_location_name"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="XX美食广场"
                android:textSize="22sp"
                android:textStyle="bold"/>

            <TextView
                android:id="@+id/tv_location_address"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="XX市XX区XX路123号"
                android:textSize="16sp"
                android:textColor="@android:color/darker_gray"/>

            <ImageView
                android:id="@+id/iv_location_image"
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:scaleType="centerCrop"
                android:src="@drawable/location_placeholder"/>
        </LinearLayout>

        <!-- 第二部分:横向按钮组 -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:paddingHorizontal="16dp"
            android:gap="8dp">

            <Button
                android:id="@+id/btn_reserve"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="立即预约"/>

            <Button
                android:id="@+id/btn_share"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="分享地点"/>
        </LinearLayout>

        <!-- 第三部分:用户评价RecyclerView -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="16dp"
            android:gap="12dp">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="用户评价"
                android:textSize="20sp"
                android:textStyle="bold"/>

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/rv_reviews"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"/>
        </LinearLayout>

    </LinearLayout>
</ScrollView>

几个实用小提示:

  • 我用了android:gap来设置控件间距,这是Android API 29及以上支持的属性,如果需要兼容更低版本,可以用margin属性代替
  • RecyclerView的layout_height设为wrap_content时,需要确保你的Adapter正确实现了测量逻辑,也可以设置固定高度比如300dp来快速测试
  • 可以根据需求给各个控件添加圆角、阴影等样式,提升UI美观度

内容的提问来源于stack exchange,提问作者A.khaled

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.27 04:02:31