那接下来几个界面也像这样修改成这种形式，只用最小量修改。首先是fragment_home.
xml：<?
xml version="1.0" encoding="utf-8"?>
<androidx.constraint
layout.widget.Constraint
Layout
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"
tools:context=".ui.home.HomeFragment"
android:fitsSystemWindows="true"
android:background="@color/surface_background">
<!-- 🔍 输入框 -->
<EditText
android:id="@+id/home_input"
android:
layout_width="0dp"
android:
layout_height="wrap_content"
android:hint="请输入需要查询的公交线路或站点"
android:textColorHint="#777777"
android:textColor="@color/black"
android:background="@drawable/rounded_edittext"
android:minHeight="48dp"
android:textSize="16sp"
android:padding="12dp"
app:
layout_constraint
Top_to
TopOf="parent"
app:
layout_constraintStart_toStartOf="parent"
app:
layout_constraintEnd_toStartOf="@id/home_search"
app:
layout_constraintHorizontal_chainStyle="packed"
android:
layout_marginStart="16dp"
android:
layout_marginEnd="8dp"
android:
layout_margin
Top="88dp" />
<!-- 🔎 搜索按钮 -->
<Button
android:id="@+id/home_search"
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:text="搜索"
app:
layout_constraint
Top_to
TopOf="@id/home_input"
app:
layout_constraintBottom_toBottomOf="@id/home_input"
app:
layout_constraintStart_toEndOf="@id/home_input"
app:
layout_constraintEnd_toEndOf="parent"
android:
layout_marginEnd="16dp" />
<!-- 🚌 图片：居中偏上 -->
<ImageView
android:id="@+id/image_bus"
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:scaleType="fitCenter"
android:src="@drawable/bus"
app:
layout_constraint
Top_toBottomOf="@id/home_input"
app:
layout_constraintBottom_to
TopOf="@+id/text_home"
app:
layout_constraintStart_toStartOf="parent"
app:
layout_constraintEnd_toEndOf="parent"
android:
layout_margin
Top="144dp"
android:
layout_
marginBottom="144dp"/>
<!-- ℹ️ 底部说明文字 -->
<TextView
android:id="@+id/text_home"
android:textColor="#777777"
android:
layout_width="match_parent"
android:
layout_height="wrap_content"
android:
layout_marginStart="8dp"
android:
layout_marginEnd="8dp"
android:textAlignment="center"
android:textSize="11sp"
app:
layout_constraint
Top_toBottomOf="@id/image_bus"
app:
layout_constraintStart_toStartOf="parent"
app:
layout_constraintEnd_toEndOf="parent"
app:
layout_constraintBottom_toBottomOf="parent" />
</androidx.constraint
layout.widget.Constraint
Layout>
其次是fragment_map.
xml：<?
xml version="1.0" encoding="utf-8"?>
<androidx.constraint
layout.widget.Constraint
Layout
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"
tools:context=".ui.map.MapFragment"
android:fitsSystemWindows="true"
android:background="@color/surface_background">
<androidx.constraint
layout.widget.Guideline
android:id="@+id/guideline_
top_offset"
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:orientation="horizontal"
app:
layout_constraintGuide_percent="0.015" />
<!-- 🔹 起点输入框 -->
<EditText
android:id="@+id/map_input1"
android:
layout_width="0dp"
android:
layout_height="48dp"
android:hint="请输入起点"
android:textColorHint="#777777"
android:textColor="@color/black"
android:background="@drawable/rounded_edittext"
android:padding="12dp"
android:
layout_marginStart="16dp"
android:
layout_marginEnd="8dp"
android:
layout_margin
Top="32dp"
app:
layout_constraintStart_toStartOf="parent"
app:
layout_constraintEnd_toStartOf="@id/guideline_search"
app:
layout_constraint
Top_to
TopOf="@id/guideline_
top_offset" />
<!-- 🔹 终点输入框 -->
<EditText
android:id="@+id/map_input2"
android:
layout_width="0dp"
android:
layout_height="48dp"
android:hint="请输入终点"
android:textColorHint="#777777"
android:textColor="@color/black"
android:background="@drawable/rounded_edittext"
android:padding="12dp"
android:
layout_marginStart="16dp"
android:
layout_marginEnd="8dp"
app:
layout_constraintStart_toStartOf="parent"
app:
layout_constraintEnd_toStartOf="@id/guideline_search"
app:
layout_constraint
Top_toBottomOf="@id/map_input1" />
<!-- ✅ 分割线：75% 处（原样保留） -->
<androidx.constraint
layout.widget.Guideline
android:id="@+id/guideline_search"
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:orientation="vertical"
app:
layout_constraintGuide_percent="0.75" />
<!-- 🔍 搜索按钮：纵向拉高，覆盖两个输入框 -->
<Button
android:id="@+id/map_search"
android:
layout_width="0dp"
android:
layout_height="0dp"
android:text="搜索"
android:textSize="16sp"
android:gravity="center"
app:
layout_constraintStart_toStartOf="@id/guideline_search"
app:
layout_constraintEnd_toEndOf="parent"
app:
layout_constraint
Top_to
TopOf="@id/map_input1"
app:
layout_constraintBottom_toBottomOf="@id/map_input2"
android:
layout_marginEnd="16dp" />
<!-- 🗺️ 地图视图：从终点输入框下方开始，延伸到底部 -->
<com.amap.api.maps.MapView
android:id="@+id/map_view"
android:text="Bus-1.0"
android:textColor="#777777"
android:
layout_width="0dp"
android:
layout_height="0dp"
app:
layout_constraintStart_toStartOf="parent"
app:
layout_constraintEnd_toEndOf="parent"
app:
layout_constraint
Top_toBottomOf="@id/map_input2"
app:
layout_constraintBottom_toBottomOf="parent"
android:
layout_margin
Top="4dp"
android:
layout_
marginBottom="0dp"/>
</androidx.constraint
layout.widget.Constraint
Layout>
接着是fragment_settings.
xml：<?
xml version="1.0" encoding="utf-8"?>
<androidx.constraint
layout.widget.Constraint
Layout
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"
tools:context=".ui.settings.SettingsFragment"
android:fitsSystemWindows="true"
android:background="@color/surface_background">
<!-- 🔹 Material Design 按钮组 -->
<Button
android:id="@+id/btn_gps"
android:
layout_width="match_parent"
android:
layout_height="wrap_content"
android:text="权限
设置"
app:
layout_constraint
Top_to
TopOf="parent"
app:
layout_constraintStart_toStartOf="parent"
app:
layout_constraintEnd_toEndOf="parent"
android:
layout_marginStart="16dp"
android:
layout_marginEnd="16dp"
android:
layout_margin
Top="56dp" />
<Button
android:id="@+id/btn_apps"
android:
layout_width="match_parent"
android:
layout_height="wrap_content"
android:text="关于公交查询系统"
app:
layout_constraint
Top_toBottomOf="@id/btn_gps"
app:
layout_constraintStart_toStartOf="parent"
app:
layout_constraintEnd_toEndOf="parent"
android:
layout_marginStart="16dp"
android:
layout_marginEnd="16dp"
android:
layout_margin
Top="16dp" />
<Button
android:id="@+id/btn_user"
android:
layout_width="match_parent"
android:
layout_height="wrap_content"
android:text="用户调研"
app:
layout_constraint
Top_toBottomOf="@id/btn_apps"
app:
layout_constraintStart_toStartOf="parent"
app:
layout_constraintEnd_toEndOf="parent"
android:
layout_marginStart="16dp"
android:
layout_marginEnd="16dp"
android:
layout_margin
Top="16dp" />
<Button
android:id="@+id/btn_exit"
android:
layout_width="match_parent"
android:
layout_height="wrap_content"
android:text="退出程序"
app:
layout_constraint
Top_toBottomOf="@id/btn_user"
app:
layout_constraintStart_toStartOf="parent"
app:
layout_constraintEnd_toEndOf="parent"
android:
layout_marginStart="16dp"
android:
layout_marginEnd="16dp"
android:
layout_margin
Top="16dp" />
<!-- 🔹 图片：放在按钮下方 -->
<ImageView
android:id="@+id/image_bus"
android:
layout_width="match_parent"
android:
layout_height="wrap_content"
android:
layout_margin
Top="64dp"
android:
layout_
marginBottom="64dp"
android:src="@drawable/bus"
app:
layout_constraintBottom_to
TopOf="@+id/text_settings"
app:
layout_constraintEnd_toEndOf="parent"
app:
layout_constraintStart_toStartOf="parent"
app:
layout_constraint
Top_toBottomOf="@id/btn_exit" />
<!-- 🔹 底部 TextView -->
<TextView
android:id="@+id/text_settings"
android:text="Bus-1.0"
android:textColor="#777777"
android:
layout_width="match_parent"
android:
layout_height="wrap_content"
android:
layout_marginStart="8dp"
android:
layout_marginEnd="8dp"
android:textAlignment="center"
android:textSize="11sp"
app:
layout_constraint
Top_toBottomOf="@id/image_bus"
app:
layout_constraintStart_toStartOf="parent"
app:
layout_constraintEnd_toEndOf="parent"
app:
layout_constraintBottom_toBottomOf="parent" />
</androidx.constraint
layout.widget.Constraint
Layout>
还有activity_survey.
xml：<?
xml version="1.0" encoding="utf-8"?>
<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
android:
layout_width="match_parent"
android:
layout_height="match_parent"
android:padding="16dp"
android:fitsSystemWindows="true"
android:background="@color/surface_background">
<Linear
Layout
android:
layout_width="match_parent"
android:
layout_height="wrap_content"
android:orientation="vertical">
<!--
问题1：评分 -->
<TextView
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:
layout_margin
Top="10dp"
android:
layout_
marginBottom="32dp"
android:text="🚌 用户体验调研"
android:textColor="#777777"
android:textSize="24sp"
android:textStyle="bold" />
<TextView
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:text="1. 您对本应用的整体评分是？"
android:textStyle="bold"
android:textColor="#777777"
android:
layout_
marginBottom="8dp" />
<RadioGroup
android:id="@+id/radioGroupRating"
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:
layout_
marginBottom="24dp">
<RadioButton
android:text="⭐ 1分 - 非常不满意"
android:textColor="@color/black"
android:id="@+id/rb1"
android:
layout_height="match_parent"
android:
layout_width="match_parent"/>
<RadioButton
android:text="⭐⭐ 2分 - 不满意"
android:textColor="@color/black"
android:id="@+id/rb2"
android:
layout_height="match_parent"
android:
layout_width="match_parent"/>
<RadioButton
android:text="⭐⭐⭐ 3分 - 一般"
android:textColor="@color/black"
android:id="@+id/rb3"
android:
layout_height="match_parent"
android:
layout_width="match_parent"/>
<RadioButton
android:text="⭐⭐⭐⭐ 4分 - 满意"
android:textColor="@color/black"
android:id="@+id/rb4"
android:
layout_height="match_parent"
android:
layout_width="match_parent"/>
<RadioButton
android:text="⭐⭐⭐⭐⭐ 5分 - 非常满意"
android:textColor="@color/black"
android:id="@+id/rb5"
android:
layout_height="match_parent"
android:
layout_width="match_parent"/>
</RadioGroup>
<!--
问题2：满意度 -->
<TextView
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:text="2. 您对以下哪些方面或功能感到满意？（可多选）"
android:textColor="#777777"
android:textStyle="bold"
android:
layout_
marginBottom="8dp" />
<CheckBox
android:id="@+id/cb_ui"
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:text="界面美观易用"
android:textColor="@color/black"/>
<CheckBox
android:id="@+id/cb_speed"
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:text="
加载速度快"
android:textColor="@color/black"/>
<CheckBox
android:id="@+id/cb_information"
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:text="查询信息准确"
android:textColor="@color/black"/>
<CheckBox
android:id="@+id/cb_other"
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:text="其他"
android:textColor="@color/black"/>
<!--
问题3：建议 -->
<TextView
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:text="3. 您有什么改进建议？"
android:textColor="#777777"
android:textStyle="bold"
android:
layout_margin
Top="24dp"
android:
layout_
marginBottom="8dp" />
<EditText
android:id="@+id/et_suggestion"
android:
layout_width="match_parent"
android:
layout_height="120dp"
android:gravity="
top"
android:hint="请输入您的建议..."
android:textColorHint="#777777"
android:textColor="@color/black"
android:inputType="textMultiLine"
android:minLines="3" />
<!-- 提交按钮 -->
<Button
android:id="@+id/btn_submit"
android:
layout_width="match_parent"
android:
layout_height="wrap_content"
android:text="提交反馈"
android:textSize="18sp"
android:
layout_margin
Top="32dp"
style="?android:attr/buttonStyle" />
</Linear
Layout>
</ScrollView>
和activity_about.
xml：<?
xml version="1.0" encoding="utf-8"?>
<Linear
Layout xmlns:android="http://schemas.android.com/apk/res/android"
android:
layout_width="match_parent"
android:
layout_height="match_parent"
android:orientation="vertical"
android:gravity="center"
android:padding="20dp"
android:fitsSystemWindows="true"
android:background="@color/surface_background">
<!-- 软件名称 -->
<TextView
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:text="公交查询系统"
android:textSize="28sp"
android:textStyle="bold"
android:textColor="#000"
android:
layout_
marginBottom="10dp" />
<TextView
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:text="Bus"
android:textSize="18sp"
android:textColor="#555555"
android:
layout_
marginBottom="80dp" />
<!-- 软件图片 -->
<ImageView
android:
layout_width="match_parent"
android:
layout_height="wrap_content"
android:src="@drawable/bus"
android:
layout_
marginBottom="100dp"/>
<!-- 版本信息 -->
<TextView
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:text="版本：1.0"
android:textSize="16sp"
android:textColor="#777777"
android:
layout_
marginBottom="20dp" />
<!-- 开发信息 -->
<TextView
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:text="开发团队：white luminous"
android:textSize="16sp"
android:textColor="#777777"
android:
layout_
marginBottom="10dp" />
<TextView
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:text="邮箱：support@busapp.cn"
android:textColor="#777777"
android:textSize="16sp" />
<TextView
android:
layout_width="wrap_content"
android:
layout_height="wrap_content"
android:text="hao"
android:textSize="8sp"
android:
layout_margin
Top="100dp"
android:textColor="#EEE"/>
</Linear
Layout>
以及activity_route_plan.
xml：
<!-- res/
layout/activity_route_plan.
xml -->
<Linear
Layout xmlns:android="http://schemas.android.com/apk/res/android"
android:
layout_width="match_parent"
android:
layout_height="match_parent"
android:orientation="vertical"
android:fitsSystemWindows="true"
android:background="@color/surface_background">
<TextView
android:
layout_width="match_parent"
android:
layout_height="wrap_content"
android:text="正在规划公交路线..."
android:textSize="16sp"
android:gravity="center"
android:padding="16dp"
android:textColor="#555" />
<com.amap.api.maps.MapView
android:id="@+id/map_view"
android:
layout_width="match_parent"
android:
layout_height="match_parent" />
</Linear
Layout>
本文介绍了一种在XML布局文件中解决元素上下间距问题的方法，特别是当需要隐藏某些元素时，推荐通过为隐藏元素添加layout_marginBottom属性来调整间距，而非修改后续元素的layout_marginTop。
扫一扫
2511
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
