备忘录-布局居中

最新推荐文章于 2020-06-04 16:03:00 发布

原创最新推荐文章于 2020-06-04 16:03:00 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

知识点备忘专栏收录该内容

1 篇文章

订阅专栏

本文介绍在Android开发中如何使用LinearLayout、RelativeLayout及FrameLayout实现视图元素的居中显示，包括水平居中、垂直居中等常见布局需求。

在做各种布局的时候经常会碰到居中的问题，这里整理下，作为查阅之用。

布局文件:

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp" 
        android:orientation="vertical"
        android:background="#123456"
        android:gravity="center">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Linear_居中" />
    </LinearLayout>
    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp" 
        android:orientation="vertical"
        android:background="#188456"
        android:gravity="center_vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Linear_垂直居中" />
        
    </LinearLayout>
    
     <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp" 
        android:orientation="vertical"
        android:background="#173459"
        android:gravity="center_horizontal">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Linear_水平居中" />
        
    </LinearLayout>
    
     <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="50dp" 
        android:background="#973459"
        android:orientation="vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="relate_居中" />
        
    </RelativeLayout>
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="50dp" 
        android:background="#123459"
        android:orientation="vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:text="relate_垂直居中" />
        
    </RelativeLayout>
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="50dp" 
        android:background="#173499"
        android:orientation="vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:text="relate_水平居中" />
    </RelativeLayout>
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="50dp" 
        android:background="#775499">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center" 
            android:text="frame_居中" />
    </FrameLayout>
     <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="50dp" 
        android:background="#179499">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical" 
            android:text="frame_水平居中" />
    </FrameLayout>
     <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="50dp" 
        android:background="#673499">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal" 
            android:text="frame_垂直居中" />
    </FrameLayout>

</LinearLayout>