android 均匀覆盖界面的TextView

最新推荐文章于 2021-06-05 15:13:52 发布

小边3310903

最新推荐文章于 2021-06-05 15:13:52 发布

阅读量2k

点赞数

分类专栏： android 文章标签： android layout tools

本文链接：https://blog.csdn.net/xiaoxiaobian3310903/article/details/8013703

版权

android 专栏收录该内容

111 篇文章 0 订阅

订阅专栏

本文介绍了如何在Android中实现五个TextView均匀地分布在屏幕上。通过使用相对布局，并设定特定的定位属性，如layout_alignParentTop、layout_centerInParent和layout_alignParentBottom，确保TextView的布局均匀。对于第二和第四项，利用额外的RelativeLayout调整它们的位置，以达到理想的间距效果。详细代码见正文。

摘要由CSDN通过智能技术生成

有时候想做界面是5个TextView平均的分布在页面上，为了方便以后使用，将自己写的代码写成博客，方便以后使用，原理是外边使用相对布局，先将第一个（layout_alignParentTop）、第三个(layout_centerInParent)、第五个的位置(layout_alignParentBottom)确定，然后再确定第二个的位置（在第一个的下边，在第三个的上边），但只这么写就会发现第二个的位置距离第一个的距离比较近，而距离第三个的距离比较远，所以在第二个的外边先套一个大的RelativeLayout（宽度和高度为fill_parent），然后将第二个放在这个布局的中间位置，同理第四个。

代码：

<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" >

    <TextView
        android:id="@+id/mMainFirst"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:padding="@dimen/padding_medium"
        android:background="@drawable/ic_launcher"
        android:text="第一行"
        tools:context=".MainActivity" />
    <TextView
        android:id="@+id/mMainThird"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:padding="@dimen/padding_medium"
        android:background="@drawable/ic_launcher"
        android:text="第三行"
        tools:context=".MainActivity" />
    <TextView
        android:id="@+id/mMainFifth"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:padding="@dimen/padding_medium"
        android:background="@drawable/ic_launcher"
        android:text="第五行"
        tools:context=".MainActivity" />
	<RelativeLayout
	    android:layout_width="fill_parent"
	    android:layout_height="fill_parent"
	    android:layout_below="@id/mMainFirst"
	    android:layout_above="@id/mMainThird">
	    <TextView
	        android:id="@+id/mMainSecond"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:layout_centerInParent="true"
	        android:padding="@dimen/padding_medium"
	        android:background="@drawable/ic_launcher"
	        android:text="第二行"
	        tools:context=".MainActivity" />
	</RelativeLayout>
	
	<RelativeLayout
	    android:layout_width="fill_parent"
	    android:layout_height="fill_parent"
	    android:layout_below="@id/mMainThird"
	    android:layout_above="@id/mMainFifth">
	    <TextView
	        android:id="@+id/mMainFourth"
	        android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:layout_centerInParent="true"
	        android:padding="@dimen/padding_medium"
	        android:background="@drawable/ic_launcher"
	        android:text="第四行"
	        tools:context=".MainActivity" />
	</RelativeLayout>
	
</RelativeLayout>

效果为：