Gulan查询UI排布

最新推荐文章于 2025-08-07 22:32:50 发布

转载最新推荐文章于 2025-08-07 22:32:50 发布 · 116 阅读

文章标签：

#移动开发 #ui

本文介绍如何在Android的相对布局中使两个元素在同一行且保持相同高度。通过实例展示使用layout_toRightOf和layout_alignBaseline属性来实现这一效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

遇到一个问题，如何在相对布局里把两个item放在同一行，而且高度一样呢？

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

 <TextView android:id="@+id/keywordLabel"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="关键字："
      android:paddingTop="15px" 
      />
    
 <EditText android:id="@+id/keywordEditText"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_toRightOf="@id/keywordLabel"
      android:layout_alignBaseline="@id/keywordLabel"
       />
    
<Button android:id="@+id/findKeywordButton"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_below="@id/keywordEditText"
      android:layout_alignRight="@id/keywordEditText"
      android:text="查找"
       />
    
 <TextView android:id="@+id/ChapterTextView"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="章节查询"
      android:layout_below="@id/findKeywordButton"
      android:paddingTop="15px" />
    
 <TextView android:id="@+id/SuraIDText"
     android:text="章："
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_below="@id/ChapterTextView"
      android:layout_alignBottom="@+id/SuraIDSpinner"
       />
    
 <Spinner android:id="@+id/SuraIDSpinner"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/SuraIDText"
        />
    
 <TextView android:id="@+id/AyaIDText"
     android:text="节："
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_below="@id/SuraIDText"
      android:layout_weight="1.0"
      android:layout_centerInParent="true"
       />
 
 <Spinner android:id="@+id/AyaIDSpinner"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/AyaIDText"
        android:layout_alignBaseline="@+id/AyaIDText"
        android:layout_weight="1.0"
        />
</RelativeLayout>