如何让两个 TextView 在 RelativeLayout 中水平居中显示

最新推荐文章于 2025-06-12 10:21:04 发布

原创最新推荐文章于 2025-06-12 10:21:04 发布 · 1.9w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#Android #relativelayout #布局

Android 专栏收录该内容

5 篇文章

订阅专栏

本文探讨了一种方法，通过在RelativeLayout中设置一个空的占位View并调整TextView的margin，来实现两个TextView的水平居中显示。这种方法避免了使用LinearLayout。作者鼓励读者分享更多解决方案。

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

stormzhang 的博客有一篇Tencent Interview ，其中有个问题是：如何让两个 TextView 在 RelativeLayout 中水平居中显示。我的第一反应是用一个 LinearLayout 包装它们。今天我想了另一种方法：

在水平中心放置一个占位 view，内容为空
在占位 view 的两侧各放置一个 view，并设置它们与占位 view 的 margin

为了显示更加清楚，我给占位 view 和两侧的 view 都设置了背景，具体使用时可以去掉。布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="match_parent">

    <TextView
        android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@id/center"
        android:layout_marginRight="10dp"
        android:textSize="30sp"
        android:text="name"
        android:background="@android:color/holo_green_light"
        />

    <TextView
        android:id="@+id/center"
        android:layout_width="1dp"
        android:layout_height="20dp"
        android:layout_centerInParent="true"
        android:background="@android:color/holo_red_light"
        />

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@id/center"
        android:layout_marginLeft="10dp"
        android:text="title"
        android:textSize="30sp"
        android:background="@android:color/holo_green_light"
        />

</RelativeLayout>

效果如下：