码迷,mamicode.com
首页 > 其他好文 > 详细

布局的居中问题

时间:2015-07-31 14:21:55      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

首先区分一下gravity和layout_gravity:

gravity:内部元素的对齐方式。

layout_gravity:本元素相对于父布局的对齐方式。

 

LinearLayout:

相对于父布局居中,在父布局的LinearLayout设置:android:gravity="center"。

技术分享
<LinearLayout 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:gravity="center" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

</LinearLayout>
View Code

相对于父布局水平居中,子布局设置: android:layout_gravity="center_horizontal" ,父布局设置:android:orientation="vertical",android:layout_width="match_parent"。

技术分享
<LinearLayout 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:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="@string/hello_world" />

</LinearLayout>
View Code

相对于父布局垂直居中,子布局设置:android:layout_gravity="center_vertical",父布局设置:

android:orientation="horizontal" ,android:layout_height="match_parent"。

技术分享
<LinearLayout 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:orientation="horizontal" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:text="@string/hello_world" />

</LinearLayout>
View Code

RelativeLayout:

相对于父布局居中,在父布局的RelativeLayout设置:android:gravity="center"。

技术分享
<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:gravity="center" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

</RelativeLayout>
View Code

相对于父布局居中,在子布局设置: android:layout_centerInParent="true"。

技术分享
<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:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world"
        android:layout_centerInParent="true" />

</RelativeLayout>
View Code

相对于父布局水平居中和垂直居中对应于:android:layout_centerHorizontal="true",android:layout_centerVertical="true"。

 

布局的居中问题

标签:

原文地址:http://www.cnblogs.com/silenceshining/p/4691804.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!