关于layout_centerHorizontal、layout_gravity、gravity的区别

layout_centerHorizontal
是相对于RelativeLayout的布局属性
如果设置为true,就将该控价设置在相对于父控件水平居中的位置
layout_gravity
针对LinearLayout的一种控件对齐方式,可以把值设置成下列值:
center_vertical、center_horizontal、center等等
gravity
控制控件内文字的对齐方式

举个栗子:

在写一个简单的RecyclerView的时候,定义RecyclerView的单个item的时候,
我想让TextView居中显示,于是有下面的代码:

<?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="wrap_content">

    <TextView
        android:id="@+id/tv_num"
        android:text="@string/app_name"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_centerHorizontal="true"
         />
</RelativeLayout>

我在TextView中使用layout_centerHorizontal来让TextView居中,我觉得这样写没问题啊,让TextView位于RelativeLayout内部水平中间的位置,但是我看预览图却怎么不显示。

预览图:

image

这样我尝试使用gravity的时候,发现有下面的代码和预览图:

<?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="wrap_content">

    <TextView
        android:id="@+id/tv_num"
        android:text="@string/app_name"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center_horizontal"
         />
</RelativeLayout>

image

这样的话就居中了,我就奇怪,为什么layout_centerHorizontal来定义这个TextView不行,同样也是让子控件水平居中啊,百度了下,然后仔细看了下代码就突然发现问题的原因了。

layout_centerHorizontal,如果设置为true,就将该控价设置在相对于父控件水平居中的位置,gravity,如果设置为center_horizontal,是让控件中的文字水平居中。

接下来我做了个小测试:
我仍然使用layout_centerHorizontal来让TextView居中显示,并且将控件的layout_width属性设置为固定长度,如下布局:

<?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="wrap_content">

    <TextView
        android:id="@+id/tv_num"
        android:text="@string/app_name"
        android:layout_width="60dp"
        android:layout_height="50dp"
        android:layout_centerHorizontal="true"
         />
</RelativeLayout>

这里将宽度固定为60dp,发现预览图是下面这样的:
image

这样你有没有发现为什么第一个场景下为什么TextView不能居中的原因了呢?

因为第一个场景,设置的TextView的layout_width为match_parent,而layout_centerHorizontal设置为true,表示将TextView位于父控件的中间,而父控件的宽度同样是match_parent,这样就导致该TextView已经水平居中了,但是TextView中的文字没有居中。

当我们把TextView固定长度后,就能实现这个效果了。

  • 5
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
java关键代码: mText = (TextView) findViewById(R.id.textView1); mImageView01 = (ImageView) findViewById(R.id.m1); mButton = (Button) findViewById(R.id.button1); randon(); mImageView01.setOnClickListener(new View.OnClickListener() { @SuppressWarnings("deprecation") public void onClick(View v) { if(check1 == true && num > 0 && num1 == false) { num--; num1 = true; choose1 = true; if(turn1 == false) { turnAnim(mImageView01,s1[0]); if(s1[0] == R.drawable.b) { num = 0 ; friendState = true; } turn1 = true; } } }); mButton.setOnClickListener(new Button.OnClickListener() { @SuppressWarnings("deprecation") public void onClick(View v) { friendState = false; xianshi = 3; mText.setText("还剩"+xianshi+"次机会。"); num = 3; }); } /*往回洗牌的动画*/ public void backAnim(final ImageView a) { Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.back_scale); animation.setAnimationListener(new Animation.AnimationListener() { @Override public void onAnimationStart(Animation animation) { } @Override public void onAnimationRepeat(Animation animation) { } @Override public void onAnimationEnd(Animation animation) { a.setImageDrawable(getResources().getDrawable( R.drawable.pbg)); // bool = true; //通过AnimationUtils得到动画配置文件(/res/anim/front_scale.xml),然后在把动画交给ImageView a.startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.front)); } }); a.startAnimation(animation); } /*翻牌的动画*/ public void turnAnim(final ImageView a,final int b) { Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.back_scale); animation.setAnimationListener(new Animation.AnimationListener() { @Override public void onAnimationStart(Animation animation) { } @Override public void onAnimationRepeat(Animation animation) { } @Override public void onAnimationEnd(Animation animation) { a.setImageDrawable(getResources().getDrawable(b)); // bool = true; //通过AnimationUtils得到动画配置文件(/res/anim/front_scale.xml),然后在把动画交给ImageView a.startAnimation(AnimationUtils.loadAnimation(MainActivity.this, R.anim.front)); } }); a.startAnimation(animation); if (b == R.drawable.b) { mText.setText("哇!你猜对了噢!!拍拍手!"); } else { if(xianshi >= 1) { mText.setText("还剩"+xianshi+"次机会。"); } else{ mText.setText("机会已用完!"); } } } private void randon() { // TODO Auto-generated method stub for (int i = 0; i < 9; i++) { int tmp = s1[i]; int s = (int) (Math.random() * 9); s1[i] = s1[s]; s1[s] = tmp; } } } res/layout/activity_main.xml: <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:background="#000000" 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=".EX04_06" > <LinearLayout android:id="@+id/LayoutButtons3" android:layout_marginTop="5dp" android:layout_width="230dp" android:layout_height="95dp" android:layout_centerHorizontal="true" android:layout_weight="1" android:orientation="horizontal" > <ImageView android:id="@+id/m1" android:layout_margin= "2dp" android:layout_width="60dp" android:layout_height="90dp" android:layout_weight="1" android:src="@drawable/pbg" android:scaleType="centerCrop"/> <ImageView android:id="@+id/m2" android:layout_margin= "2dp" android:layout_width="60dp" android:layout_height="90dp" android:layout_weight="1" android:src="@drawable/pbg" android:scaleType="centerCrop"/> <ImageView android:id="@+id/m3" android:layout_margin= "2dp" android:layout_width="60dp" android:layout_height="90dp" android:layout_weight="1" android:src="@drawable/pbg" android:scaleType="centerCrop" /> </LinearLayout> <LinearLayout android:id="@+id/LayoutButtons4" android:layout_below="@+id/LayoutButtons3" android:layout_width="230dp" android:layout_height="95dp" android:layout_centerHorizontal="true" android:layout_weight="1" android:orientation="horizontal" > <ImageView android:id="@+id/m4" android:layout_below="@+id/LayoutButtons3" android:layout_margin= "2dp" android:layout_width="60dp" android:layout_height="90dp" android:layout_weight="1" android:src="@drawable/pbg" android:scaleType="centerCrop" /> <ImageView android:id="@+id/m5" android:layout_margin= "2dp" android:layout_width="60dp" android:layout_height="90dp" android:layout_weight="1" android:src="@drawable/pbg" android:scaleType="centerCrop" /> <ImageView android:id="@+id/m6" android:layout_margin= "2dp" android:layout_width="60dp" android:layout_height="90dp" android:layout_weight="1" android:src="@drawable/pbg" android:scaleType="centerCrop" /> </LinearLayout> <LinearLayout android:id="@+id/LayoutButtons5" android:layout_below="@+id/LayoutButtons4" android:layout_width="230dp" android:layout_height="95dp" android:layout_centerHorizontal="true" android:layout_weight="1" android:orientation="horizontal" > <ImageView android:id="@+id/m7" android:layout_margin= "2dp" android:layout_width="60dp" android:layout_height="90dp" android:layout_weight="1" android:src="@drawable/pbg" android:scaleType="centerCrop" /> <ImageView android:id="@+id/m8" android:layout_margin= "2dp" android:layout_width="60dp" android:layout_height="90dp" android:layout_weight="1" android:src="@drawable/pbg" android:scaleType="centerCrop" /> <ImageView android:id="@+id/m9" android:layout_margin= "2dp" android:layout_width="60dp" android:layout_height="90dp" android:layout_weight="1" android:src="@drawable/pbg" android:scaleType="centerCrop" /> </LinearLayout> <TextView android:id="@+id/textView1" android:layout_below="@+id/LayoutButtons5" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_marginTop="2dp" android:text="猜猜是哪张" android:textSize="20sp" /> <Button android:id="@+id/button1" android:layout_width="120dp" android:layout_height="60dp" android:layout_alignTop="@+id/textView1" android:layout_centerHorizontal="true" android:text="再玩一次!" /> </RelativeLayout> res/anim/back_ainm.xml: <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator"> <scale android:fromXScale="1.0" android:toXScale="0.0" android:fromYScale="1.0" android:toYScale="1.0" android:pivotX="50%" android:pivotY="50%" android:duration="150"/> </set> res/anim/front.xml: <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator"> <scale android:fromXScale="0.0" android:toXScale="1.0" android:fromYScale="1.0" android:toYScale="1.0" android:pivotX="50%" android:pivotY="50%" android:duration="150"/> </set>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值