【Android UI】中间对齐UI组件-阿里云开发者社区

【Android UI】中间对齐UI组件

2024-06-07 31

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 【Android UI】中间对齐UI组件

每次看一下android编程都是浏览一下文档，Setup下开发环境，跑个Hello World

就以为自己会啦，这样不行啊！下决心踏踏实实学习一下android编程，UI都调不

好，所以还要拒绝浮躁，认认真真的学习，顺便记录一下学习的历程。

屏幕中间对齐：

比较LinerLayout与RelativeLayout中如何实现组件中间对齐的方法，演示程序

LinerLayout中要实现组件中间对齐，必须设置

android:gravity="center"

完整的xml配置如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical" 
  android:gravity="center"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent" 
  android:background="#FFFFFF">
  <TextView android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textColor="@color/black" 
    android:text="@string/hello" />
    
  <Button android:text="Test Me" 
    android:id="@+id/button1"
    android:textColor="@color/black"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content">
  </Button>
</LinearLayout>

RelativeLayout中要实现多个组件的中间对齐，组件必须设置

android:layout_centerInParent="true"

完整的xml配置如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#FFFFFF">
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" 
    android:gravity="center"
    android:layout_centerInParent="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:background="#FFFFFF">
      <Button
          android:id="@+id/button1"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_margin="5dp"
          android:text="Test Button1"
          style="@style/btnStyleBeige"/>
      <Button
      android:id="@+id/button2"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_margin="5dp"
      android:text="Test Button2"
      style="@style/btnStyleBeige"/>
  </LinearLayout>
</RelativeLayout>