Android--- Layout

最新推荐文章于 2023-06-27 21:30:15 发布
最新推荐文章于 2023-06-27 21:30:15 发布
阅读量2k 收藏 1
点赞数
分类专栏： 安卓 Android 文章标签： android java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38803409/article/details/123969591
版权

Android--- Layout

Linear Layout

<?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"
    android:gravity="center">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="North"
        android:layout_marginBottom="100dp">

    </Button>

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

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="25dp"
            android:text="WES">

        </Button>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="50dp"
            android:layout_marginEnd="50dp"
            android:text="Center">

        </Button>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="East">

        </Button>

    </LinearLayout>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="South"
        android:layout_marginTop="100dp">

    </Button>

</LinearLayout>

在这里插入图片描述

Relative Layout

<?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"
    android:gravity="center">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text = "NORTH"
        android:layout_centerHorizontal="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="100dp"
        android:id="@+id/north">

    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toStartOf="@+id/center"
        android:layout_marginTop="30dp"
        android:layout_below="@+id/north"
        android:text="NW">

    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toEndOf="@+id/center"
        android:layout_marginTop="30dp"
        android:layout_below="@+id/north"
        android:text="NE">
    </Button>


    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_alignParentStart="true"
        android:layout_marginStart="20dp"
        android:text="WEST"
        android:id="@+id/west">

    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="CENTER"
        android:id="@+id/center">

    </Button>

    <Button
        android:id="@+id/east"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_centerVertical="true"
        android:layout_marginEnd="20dp"
        android:text="EAST">

    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toStartOf="@+id/center"
        android:layout_above="@+id/south"
        android:layout_marginBottom="30dp"
        android:text="SW">

    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toEndOf="@+id/center"
        android:layout_above="@+id/south"
        android:layout_marginBottom="30dp"
        android:text="SE">

    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="100dp"
        android:text = "SOUTH"
        android:id="@+id/south">

    </Button>




</RelativeLayout>

在这里插入图片描述

Table Layout

<?xml version="1.0" encoding="utf-8"?>
<TableLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_column="3"
    android:layout_gravity="center">

    <TableRow
        android:id="@+id/tr1"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <Button
            android:id="@+id/north_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="North" />
    </TableRow>

    <TableRow
        android:id="@+id/tr2"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <Button
            android:id="@+id/west_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="0"
            android:text="WEST" />

        <Button
            android:id="@+id/center_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="CENTER" />

        <Button
            android:id="@+id/east_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:text="EAST" />
    </TableRow>

    <TableRow
        android:id="@+id/t3"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <Button
            android:id="@+id/south_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="SOUTH" />
    </TableRow>

</TableLayout>

在这里插入图片描述

Grid Layout

<?xml version="1.0" encoding="utf-8"?>
<GridLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:columnCount="3"
    android:rowCount="3">


    <Button
        android:id="@+id/north_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="0"
        android:layout_column="1"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:text="north" />

    <Button
        android:id="@+id/west_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="1"
        android:layout_column="0"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:text="west" />

    <Button
        android:id="@+id/center_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="1"
        android:layout_column="1"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:text="center" />

    <Button
        android:id="@+id/east_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="1"
        android:layout_column="2"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:text="east" />

    <Button
        android:id="@+id/south_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_row="2"
        android:layout_column="1"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:text="south" />

</GridLayout>

在这里插入图片描述

Frame Layout

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@+id/framelayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/worldmap"
    android:scaleType="centerCrop">

    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginTop="30dp"
        android:background="@drawable/scu_copy"
        android:layout_gravity="center_horizontal">
    </ImageView>

</FrameLayout>

在这里插入图片描述

Constraint Layout

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

    <androidx.constraintlayout.widget.Guideline
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_begin="0dp"
        android:id="@+id/TopGuideline">
    </androidx.constraintlayout.widget.Guideline>

    <androidx.constraintlayout.widget.Guideline
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_end="0dp"
        android:id="@+id/bottomGuideline">
    </androidx.constraintlayout.widget.Guideline>


    <androidx.constraintlayout.widget.Guideline
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_begin="0dp"
        android:id="@+id/leftGuideline">
    </androidx.constraintlayout.widget.Guideline>

    <androidx.constraintlayout.widget.Guideline
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:orientation="vertical"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintGuide_end="0dp"
        android:id="@+id/rightGuideline">
    </androidx.constraintlayout.widget.Guideline>


    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toTopOf="@+id/center"
        app:layout_constraintTop_toBottomOf="@+id/TopGuideline"
        app:layout_constraintStart_toStartOf="@+id/center"
        android:text="north">
    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintStart_toStartOf="@+id/leftGuideline"
        app:layout_constraintEnd_toStartOf="@+id/center"
        app:layout_constraintTop_toBottomOf="@+id/TopGuideline"
        app:layout_constraintBottom_toTopOf="@+id/bottomGuideline"
        android:text="West">
    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toTopOf="@+id/bottomGuideline"
        app:layout_constraintTop_toBottomOf="@+id/TopGuideline"
        app:layout_constraintStart_toEndOf="@+id/leftGuideline"
        app:layout_constraintEnd_toStartOf="@+id/rightGuideline"
        android:id="@+id/center"
        android:text="center">
    </Button>


    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintEnd_toStartOf="@+id/rightGuideline"
        app:layout_constraintStart_toEndOf="@+id/center"
        app:layout_constraintTop_toBottomOf="@+id/TopGuideline"
        app:layout_constraintBottom_toTopOf="@+id/bottomGuideline"
        android:text="East">
    </Button>


    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toTopOf="@+id/bottomGuideline"
        app:layout_constraintTop_toBottomOf="@+id/center"
        app:layout_constraintStart_toStartOf="@+id/center"
        android:text="south">
    </Button>




</androidx.constraintlayout.widget.ConstraintLayout>

在这里插入图片描述

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

    <androidx.constraintlayout.widget.Guideline
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_begin="0dp"
        android:id="@+id/TopGuideline">
    </androidx.constraintlayout.widget.Guideline>

    <androidx.constraintlayout.widget.Guideline
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_end="0dp"
        android:id="@+id/bottomGuideline">
    </androidx.constraintlayout.widget.Guideline>


    <androidx.constraintlayout.widget.Guideline
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_begin="0dp"
        android:id="@+id/leftGuideline">
    </androidx.constraintlayout.widget.Guideline>

    <androidx.constraintlayout.widget.Guideline
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:orientation="vertical"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintGuide_end="0dp"
        android:id="@+id/rightGuideline">
    </androidx.constraintlayout.widget.Guideline>



    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toTopOf="@+id/bottomGuideline"
        app:layout_constraintTop_toBottomOf="@+id/TopGuideline"
        app:layout_constraintStart_toEndOf="@+id/leftGuideline"
        app:layout_constraintEnd_toStartOf="@+id/rightGuideline"
        android:id="@+id/center"
        android:text="center">
    </Button>


    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintCircle="@+id/center"
        app:layout_constraintCircleAngle="0"
        app:layout_constraintCircleRadius="150dp"
        android:text="North">
    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintCircle="@+id/center"
        app:layout_constraintCircleAngle="-45"
        app:layout_constraintCircleRadius="150dp"
        android:text="NE">
    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintCircle="@+id/center"
        app:layout_constraintCircleAngle="-90"
        app:layout_constraintCircleRadius="150dp"
        android:text="East">
    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintCircle="@+id/center"
        app:layout_constraintCircleAngle="-135"
        app:layout_constraintCircleRadius="150dp"
        android:text="SE">
    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintCircle="@+id/center"
        app:layout_constraintCircleAngle="-180"
        app:layout_constraintCircleRadius="150dp"
        android:text="South">
    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintCircle="@+id/center"
        app:layout_constraintCircleAngle="-225"
        app:layout_constraintCircleRadius="150dp"
        android:text="SW">
    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintCircle="@+id/center"
        app:layout_constraintCircleAngle="-270"
        app:layout_constraintCircleRadius="150dp"
        android:text="West">
    </Button>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintCircle="@+id/center"
        app:layout_constraintCircleAngle="-315"
        app:layout_constraintCircleRadius="150dp"
        android:text="NW">
    </Button>



</androidx.constraintlayout.widget.ConstraintLayout>

在这里插入图片描述

马达加斯加D
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android之Layout总结
07-25 588
之前自己在用Layout的时候用的最多的就是LinearLayout和RelativeLayout了，对其他的其实也只是一知半解。近来也是接触到了更多的Layout在实际中的用途，也算是有了更多的认识。 我现在接触到的比较多的Layout分为几种：LinearLayout，RelativeLayout，FrameLayout，ConstraintLayout。最后再讲一下自己去自定义layout...
android layout布局 有哪些,Android 常用布局 介绍与使用
weixin_32382353的博客
05-27 3885
读前思考学习一门技术或者看一篇文章最好的方式就是带着问题去学习，这样才能在过程中有茅塞顿开、灯火阑珊的感觉，记忆也会更深刻。有哪些常用的布局？每一种布局有何特点与不同？布局上如何优化？1. 约束布局 ConstraintLayoutConstraintLayout 是 Android Studio 2.2 中主要的新增功能之一，ConstraintLayout 使用约束的方式来指定各个控件的位置和...
Android五大布局Layout
Google、在奋斗
03-07 3337
Android开发中，我们可能会遇到过一些很复杂的布局，对于初学者来说，可能脑子会嗡的一下，“这么复杂！该怎么整？！”。 不要担心！再复杂的布局其实也是由简单地布局组成的，我们要学会将它分解成基本的布局，那么问题就迎刃而解了。 Android共有五种常见布局方式，分别是：LinearLayout(线性布局),FrameLayout(单帧布局),AbsoluteLayout(绝对布局),
Android : layout
yangjinjingbj的博客
01-21 1215
布局(Layout) 的概念针对的是Activity。Activity是布满整个Android设备的窗口或者悬浮于其他窗口上的交互界面。XML布局文件是Android系统中定义 Layout 的常用方式，所有布局文件都包含在 res/layout 目录中。当 res/layout 目录下新增了布局文件后，R.java文件会自动收录该布局资源，Java代码可通过setContentView 方法在Activity中显示该Layout。
Android中的布局layout和视图View+常用的几种容器视图的使用（未完）
weixin_50880491的博客
03-03 1678
别的安卓笔记看不懂怎么办
【Android学习笔记】Android布局属性大全
最新发布
DeepLearning_的博客
06-27 2387
指明了在父控件中当前控件的高，可以设定其确定的值，但一般使用下面两个值*fill_parent，填满父控件的空白*wrap_content，表示大小刚好足够显示当前控件里的内容。指在父控件中当前控件的宽，可以设定其确定的值，但一般使用下面两个值*fill_parent，填满父控件的空白*wrap_content，表示大小刚好足够显示当前控件里的内容。在view的靠左，靠右等位置．以button为例，android:gravity="right"则button上面的文字靠右。属性是用来与某控件的底部对齐。
android-layout
05-26
Android Layout Visualizer 使用此可视化工具 。 该项目直接支持Udacity的Android入门课程，并且在MIT许可下是开源的。 您可以在gh-pages分支中找到代码。
android-input-text-layout.7z
07-30
android-input-text-layout.7z
Android-Layout
03-30
Android-Layout
android-layout-performance
07-06
android-layout-performance
【Android开发基础系列】Layout布局专题
junbaozi的专栏
04-13 204
1 布局介绍1.1 ViewGroup介绍在 Android 中视图组是集合若干个控件在一起的元素，ViewGroup 有两种用法，一种是像普通的控件一样使用(如网页视图、旋转按钮、文本切换器、图像切换器、单选按钮组等)，另一种是作为布局容器使用(各种布局)。1.1.1 Android的屏幕元素体系 在屏幕中控件的组织上，可以将各个视图(控件)组成一个视图组(View...
一起学Android之Layout
ElegantHedgehog的博客
10-21 252
本文简述在Android开发中布局的简单应用，属于基础知识，仅供学习分享使用。 概述 在Android UI开发中，布局类型主要有两种：LinearLayout(线性布局)和RelativeLayout(相对布局)，两种布局类型各有各的优势与使用场景。 LinearLayout（线性布局） 线性布局允许所有的子元素，以单独的方向进行排列（水平或垂直），所有的元素像栈一样一个接一个的插入，所以如果是垂直(vertical)方向，则每一行只有一个元素。如果是水平(horizontal)方向，则只有一...
Android 常用Layout介绍
teresa502的专栏
02-29 2348
ViewGroup是一个抽象类，所以真正充当容器的是他的子类们。 我们在这里将介绍 帧布局FrameLayout，线性布局LinearLayout，绝对布局AbsoluteLayout，相对布局RelativeLayout，表格布局TableLayout等几个常用布局，大约要分3讲讲完。 1、帧布局 FrameLayout： 是最简单的一个布局对象。在他里面的的所有显示对象都将固定在屏幕的左
Android View框架的layout机制
黄金夫的博客
04-17 1736
Android View的layout测量过程分析、自定义View的layout写法、以及开发使用的注意点。
Android的Layout布局
pssalways的博客
09-12 1217
一、线性布局（LinearLayout）（比较重要） 1、LinearLayout是一个view组(view group)，其包含的所有子view都以一个方向排列，垂直或是水平方向 2、在LinearLayout使用gravity属性是操控它内部的控件的位置，而TextView使用gravity属性是操控控件中文字的位置，而不能控件本身在布局中的位置改变。 注意： ①LinearL...
Android studio 六大基本布局详解
热门推荐
afufufufu的博客
05-08 2万+
Android中常用的布局方式有以下几种： 线性布局LinearLayout 相对布局RelativeLayout 表格布局TableLayout 层布局FrameLayout 绝对布局AbsoluteLayout 网格布局GridLayout 用的相对较多的是线性布局和相对布局。接下来重点演示这两种布局 其中，表格布局是线性布局的子类。网格布局是android 4.0后新增的布局。 （一）线性布局LinearLayout 线性布局中最重要的属性：orientation h
Android 移动开发 | Android 六大布局基础总结
go
09-15 2830
接下来进入Android 的入门基础知识,来了解Android中的布局.Android中有六大布局,其中分别是 RelativeLayout(相对布局)，LinearLayout(线性布局)，TableLayout(表格布局) ，FrameLayout(帧布局)，ConstraintLayout(约束布局)，GridLayout(网格布局) . 在实际的界面布局中我们最常用的是使用线性布局与相对布局结合使用,这个能达到较好的页面效果 RelativeLayout 相对布局 RelativeLayout相.
Android layout属性大全
YiRanAiNi_的博客
11-22 880
第一类：属性值 true或者 false            android:layout_centerHrizontal 水平居中 　　    android:layout_centerVertical 垂直居中 　　    android:layout_centerInparent 相对于父元素完全居中 　　    android:layout_alignParentBott
android studio layout-width
05-27
"android:layout_width"是Android中用于指定视图宽度的属性之一。它可以设置为具体的像素值，也可以设置为“match_parent”（撑满父布局）或“wrap_content”（根据内容自动调整宽度）。例如，如果您想要将一个按钮...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值