android studio 页面布局(1)

本文展示了Android开发中常见的布局管理器的使用,包括线性布局的垂直和水平排列,相对布局的对齐方式,以及网格布局的二维排列。同时,还涵盖了HorizontalScrollView和ScrollView在实现内容滚动中的应用。
摘要由CSDN通过智能技术生成
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity3">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="线性布局"
        android:gravity="center">
    </TextView>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#00ffaa"
            android:text="横排第一个"
            android:gravity="center">

        </TextView>

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#00ff11"
            android:text="横排第二个"
            android:gravity="center">

        </TextView>

    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:background="#00aaaa"
            android:text="竖排第一个"
            android:gravity="center">

        </TextView>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:background="#00ff11"
            android:text="竖排第二个"
            android:gravity="center">

        </TextView>
    </LinearLayout>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="相对布局"
        android:gravity="center">
    </TextView>
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:background="#aa00aa">
        <TextView
            android:id="@+id/tv_centerHorizontal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00ffaa"
            android:text="水平中间"
            android:layout_centerHorizontal="true">
        </TextView>
        <TextView
            android:id="@+id/tv_center"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00ffaa"
            android:text="相对布局"
            android:layout_centerInParent="true">
        </TextView>
        <TextView
            android:id="@+id/tv_centerVertical"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00ffaa"
            android:text="垂直中间"
            android:layout_centerVertical="true">
        </TextView>

        <TextView
            android:id="@+id/tv_alignParentLeft"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00ffaa"
            android:text="左上对齐"
            android:layout_alignParentLeft="true">
        </TextView>
        <TextView
            android:id="@+id/tv_alignParentRight"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00ffaa"
            android:text="右上对齐"
            android:layout_alignParentRight="true">
        </TextView>
        <TextView
            android:id="@+id/tv_alignParentBottom"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00ffaa"
            android:text="底部对齐"
            android:layout_alignParentBottom="true">
        </TextView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00ff00"
            android:text="中间左边"
            android:layout_toLeftOf="@+id/tv_center"
            android:layout_alignBottom="@+id/tv_center"
            >
        </TextView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00ff00"
            android:text="中间右边"
            android:layout_toRightOf="@+id/tv_center"
            android:layout_alignBottom="@+id/tv_center"
            >
        </TextView>
        <TextView
            android:id="@+id/tv_rightBottom"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00ff00"
            android:text="底部右边"
            android:layout_alignRight="@+id/tv_alignParentRight"
            android:layout_alignBottom="@+id/tv_alignParentBottom"
            >
        </TextView>
        <TextView
            android:id="@+id/tv_centerBottom"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00ff00"
            android:text="中间下边"
            android:layout_alignRight="@+id/tv_center"
            android:layout_alignBottom="@+id/tv_alignParentBottom"
            >
        </TextView>
        <TextView
            android:id="@+id/tv_centerRight"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#00ff00"
            android:text="中间右边"
            android:layout_alignLeft="@id/tv_alignParentRight"
            android:layout_alignBottom="@id/tv_center"
            >
        </TextView>

    </RelativeLayout>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="网格布局"
        android:gravity="center">
    </TextView>
    <GridLayout
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:columnCount="2"
        android:rowCount="2">
        <TextView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1"
            android:text="粉色"
            android:background="#ffcccc"
            android:textColor="#000000"
            android:textSize="30sp"
            android:gravity="center">
        </TextView>
        <TextView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1"
            android:text="橙色"
            android:background="#ffaa00"
            android:textColor="#000000"
            android:textSize="30sp"
            android:gravity="center">
        </TextView>
        <TextView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1"
            android:text="绿色"
            android:background="#00ff00"
            android:textColor="#000000"
            android:textSize="30sp"
            android:gravity="center">
        </TextView>
        <TextView
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_columnWeight="1"
            android:layout_rowWeight="1"
            android:text="紫色"
            android:background="#aa00aa"
            android:textColor="#000000"
            android:textSize="30sp"
            android:gravity="center">
        </TextView>
    </GridLayout>
    <Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
        android:text="下一页">
    </Button>

    <HorizontalScrollView
        android:layout_width="wrap_content"
        android:layout_height="100dp">
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:orientation="horizontal">
            <TextView
                android:layout_width="300dp"
                android:layout_height="match_parent"
                android:background="#ff00cc"
                android:text="水平滚动">

            </TextView>
            <TextView
                android:layout_width="300dp"
                android:layout_height="match_parent"
                android:background="#00ffaa">
            </TextView>
            <TextView
                android:layout_width="300dp"
                android:layout_height="match_parent"
                android:background="#cc66ff">
            </TextView>
        </LinearLayout>
    </HorizontalScrollView>
    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
            <TextView
                android:layout_width="match_parent"
                android:layout_height="400dp"
                android:background="#ff00cc"
                android:text="垂直滚动">

            </TextView>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="400dp"
                android:background="#00ffaa">
            </TextView>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="400dp"
                android:background="#cc66ff">
            </TextView>
        </LinearLayout>
    </ScrollView>

</LinearLayout>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值