lovejobs

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
  138 随笔 :: 3 文章 :: 46 评论 :: 28万 阅读
android中的五大布局(控件的容器，可以放button等控件)

一.android中五大布局相当于是容器，这些容器里可以放控件也可以放另一个容器，子控件和布局都需要制定属性。

1.相对布局：RelativeLayout

 @1控件默认堆叠排列，需要制定控件的相对位置

复制代码
<?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/bt1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我 "/>

    <Button
        android:id="@+id/bt2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/bt1"
        android:text="爱 "/>
    <Button
        android:id="@+id/bt3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/bt2"
        android:text="你"/>

</RelativeLayout>
复制代码

效果：

 

2.线性布局：LinearLayout

@1.控件线性排列，分为水平和垂直排列

@2.可以指定背景图片，透明度以及颜色

android:background="@android:color/holo_blue_bright"
复制代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我 "/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我 "/>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我 "/>

</LinearLayout>
复制代码

垂直效果：

水平效果：

 

3.帧布局:FrameLayout

@1控件可以重叠的布局

复制代码
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/bt1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="30"
        android:text="我 "/>

    <Button
        android:id="@+id/bt2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="60"
        android:text="爱 "/>
    <Button
        android:id="@+id/bt3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/bt2"
        android:text="你"/>

</FrameLayout>
复制代码

效果：

 

 

4.表格布局：TableLayout

@1控件呈现表格方式排列

@2TableRow用于制定表格的一行

复制代码
<?xml version="1.0" encoding="utf-8"?>
<TableLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:collapseColumns="3"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/bt1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="我 "/>

        <Button
            android:id="@+id/bt2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="爱 "/>

        <Button
            android:id="@+id/bt3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="爱 "/>

        
    </TableRow>
    <TableRow
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/bt4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="我 "/>

        <Button
            android:id="@+id/bt5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="爱 "/>

        <Button
            android:id="@+id/bt6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="你"/>


    </TableRow>
    <TableRow>
        <Button
            android:id="@+id/bt8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="我 好累"/>

        <Button
            android:id="@+id/bt9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="爱 "/>
        <Button
            android:id="@+id/bt10"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="你"/>


    </TableRow>

</TableLayout>
复制代码

效果：

 

5.方格布局：GridLayout

@1可以指定控件位于第几行第几列

代码：

复制代码
 1 <?xml version="1.0" encoding="utf-8"?>
 2 <GridLayout
 3     xmlns:android="http://schemas.android.com/apk/res/android"
 4     android:layout_width="match_parent"
 5     android:layout_height="match_parent">
 6 
 7 
 8         <Button
 9             android:id="@+id/bt4"
10             android:layout_width="wrap_content"
11             android:layout_height="wrap_content"
12             android:text="我 "/>
13 
14         <Button
15             android:id="@+id/bt5"
16             android:layout_width="wrap_content"
17             android:layout_height="wrap_content"
18             android:text="爱 "/>
19 
20         <Button
21             android:id="@+id/bt6"
22             android:layout_width="wrap_content"
23             android:layout_height="wrap_content"
24             android:text="你"/>
25 
26 
27 
28         <Button
29             android:id="@+id/bt8"
30             android:layout_width="wrap_content"
31             android:layout_height="wrap_content"
32             android:text="我 好累"/>
33 
34         <Button
35             android:id="@+id/bt9"
36             android:layout_width="wrap_content"
37             android:layout_height="wrap_content"
38             android:layout_column="2"
39             android:layout_row="1"
40             android:text="爱 "/>
41         <Button
42             android:id="@+id/bt10"
43             android:layout_width="wrap_content"
44             android:layout_height="wrap_content"
45             android:layout_column="1"
46             android:layout_row="3"
47             android:text="你"/>
48 
49 
50 
51 
52 </GridLayout>
复制代码

效果：

 

posted on   lovejobs  阅读(5940)  评论(0)  编辑  收藏  举报
编辑推荐：
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
阅读排行：
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试？测试工程师会被淘汰吗？
点击右上角即可分享
微信分享提示
SQL AI 助手