Android Studio | 页面布局

本文介绍了Android Studio中常用的五种布局方式:相对布局(RelativeLayout)强调控件相对位置;线性布局(LinearLayout)支持横向和纵向排列;表格布局(TableLayout)用于创建表格结构,TableRow作为容器;网格布局(GridLayout)适用于类似计算器界面;帧布局(FrameLayout)允许控件覆盖,常用于显示单一元素。
摘要由CSDN通过智能技术生成

1、相对布局——RelativeLayout

相对布局是通过相对定位的方式让控件出现在布局任意位置。

如果不指定控件摆放的位置,控件都会被默认放在RelativeLayout的左上角。因此要先指定一个控件的位置,其他控件为该位置的相对位置。在相对布局里,id就显得尤为重要。

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

    <Button
        android:id="@+id/button"
        android:layout_width="138dp"
        android:layout_height="114dp"
        android:text="铅笔"
        android:textSize="30sp"
        app:backgroundTint="#673AB7" />

    <Button
        android:id="@+id/button4"
        android:layout_width="138dp"
        android:layout_height="114dp"
        android:layout_below="@id/button"
        android:layout_toRightOf="@id/button"
        android:text="橡皮"
        android:textSize="30sp"
        app:backgroundTint="#FF5722" />

    <Button
        android:id="@+id/button5"
        android:layout_width="138dp"
        android:layout_height="114dp"
        android:layout_below="@id/button4"
        android:text="尺子"
        android:textSize="30sp"
        app:backgroundTint="#673AB7" />
</RelativeLayout>

2、线性布局(LinearLayout)

线性布局的控件依次排序,谁也不会覆盖谁,横向(Android:orientation="horizontal")
或纵向(android:orientation="vertical")

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.and
Android Studio中设置页面布局可以使用XML文件来描述界面的组件和布局方式。可以使用不同的布局容器和属性来实现不同的布局效果。常见的布局容器有RelativeLayout和LinearLayout。 RelativeLayout是一个相对布局容器,其中的组件可以使用layout_below属性来指定相对位置。每个组件需要设置一个唯一的id,以便在布局中引用。示例代码如下: ```xml <?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="match_parent"> <Button android:id="@+id/button_1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button 1" /> <Button android:id="@+id/button_2" android:layout_below="@id/button_1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button 2" /> </RelativeLayout> ``` LinearLayout是一个线性布局容器,可以使用android:orientation属性来指定组件的排列方向,有垂直(vertical)和水平(horizontal)两种取值。在LinearLayout中,组件会按照指定的方向依次排列。示例代码如下: ```xml <?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"> <Button android:id="@+id/button_1" android:layout_width="200px" android:layout_height="100px" android:text="Button 1" /> <Button android:id="@+id/button_2" android:layout_width="200px" android:layout_height="100px" android:text="Button 2" /> </LinearLayout> ``` 在Android Studio中还有其他布局容器和属性可供选择,可以根据需求选择适合的布局方式来设计界面
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值