Android基础——常用布局管理layout

相对布局：

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/a"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="发现有Widget的新版本，是否更新" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="以后再说"
        android:id="@+id/button2"
        android:layout_below="@+id/textView1"
        android:layout_alignRight="@id/textView1"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="现在更新"
        android:id="@+id/button1"
        android:layout_below="@+id/textView1"
        android:layout_toLeftOf="@id/button2"
        />

</RelativeLayout>

呈现界面

线性布局管理器

<?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=".MainActivity">

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingBottom="20dp"
        android:hint="QQ号/微信号/Email"
        android:drawableLeft="@mipmap/e"
        />
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingBottom="20dp"
        android:hint="密码"
        android:drawableLeft="@mipmap/e"
        />
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="登陆"
        android:textColor="#FFFFFF"
        android:background="#FF009688"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="登陆遇到问题？"
        android:paddingTop="20dp"
        android:layout_gravity="center_horizontal"
        />

</LinearLayout>

呈现界面

帧布局管理

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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:foreground="@mipmap/d"
    android:foregroundGravity="right|bottom"
    android:paddingBottom="16dp"
    android:paddingTop="16dp"
    android:paddingRight="16dp"
    android:paddingLeft="16dp"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="280dp"
        android:layout_height="280dp"
        android:layout_gravity="center"
        android:text="藍色"
        android:textColor="#FFFFFFFF"
        android:background="#FF0000FF"
        />
    <TextView
        android:layout_width="230dp"
        android:layout_height="230dp"
        android:layout_gravity="center"
        android:text="天藍色"
        android:textColor="#FFFFFFFF"
        android:background="#FF0077FF"
        />
    <TextView
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:layout_gravity="center"
        android:text="淺藍色"
        android:textColor="#FFFFFFFF"
        android:background="#FF00FFFF"
        />
</FrameLayout>

呈现界面

表格布局管理

<?xml version="1.0" encoding="utf-8"?>
<TableLayout 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:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:paddingTop="16dp"
    android:paddingBottom="16dp"
    android:background="@mipmap/d"
    android:stretchColumns="0,3"

    tools:context=".MainActivity">

    <TableRow
        android:paddingTop="200dp">
        <TextView/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="賬  號："
            android:textSize="18sp"
            android:gravity="center_horizontal"
            />
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="郵箱或手機號碼"
            />
    </TableRow>
    <TableRow>
        <TextView/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="密   碼："
            android:textSize="18sp"
            android:gravity="center_horizontal"
            />
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="輸入6-16位數字或字母"
            />
    </TableRow>
    <TableRow>
        <TextView/>
        <Button
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:text="註  冊"
            />
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="登  陸"
            android:background="#FF8247"
            />
    </TableRow>
    <TableRow
        android:paddingTop="20dp">
        <TextView/>
        <TextView/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="忘記密碼？"
            android:textColor="#FF4500"
            android:gravity="right"/>
        <TextView/>
    </TableRow>

</TableLayout>

呈现界面

网格布局管理

<?xml version="1.0" encoding="utf-8"?>
<TableLayout 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"
    tools:context=".MainActivity"
    android:paddingTop="16dp"
    android:paddingBottom="16dp"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"

    android:stretchColumns="1"
    android:shrinkColumns="1"
    >

    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按鈕1"
            />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按鈕2"
            />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按鈕3333333333333333333333"
            />
    </TableRow>
    <TableRow>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按鈕4"
            />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按鈕5"
            />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按鈕6666666666666666666666"
            />
    </TableRow>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按鈕7"/>

</TableLayout>

呈现界面

嵌套布局管理

<?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"
    tools:context=".MainActivity"
    android:paddingTop="16dp"
    android:paddingBottom="16dp"
    android:paddingRight="16dp"
    android:paddingLeft="16dp"
    android:orientation="vertical"
    >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp">

        <ImageView
            android:id="@+id/ico1"
            android:layout_width="62dp"
            android:layout_height="59dp"
            android:layout_margin="10dp"
            android:src="@mipmap/a" />
        <TextView
            android:id="@+id/name1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:text="zsben"
            android:textColor="#576b95"
            android:layout_toRightOf="@id/ico1"
            />
        <TextView
            android:id="@+id/content1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:text="祝大家新年快乐"
            android:layout_toRightOf="@id/ico1"
            android:layout_below="@id/name1"
            android:minLines="3"
            />
        <TextView
            android:id="@+id/time1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="3dp"
            android:text="昨天"
            android:textColor="#9A9A9A"
            android:layout_toRightOf="@id/ico1"
            android:layout_below="@id/content1"
            />

        <ImageView
            android:layout_width="39dp"
            android:layout_height="23dp"
            android:layout_below="@id/content1"
            android:layout_alignParentRight="true"
            android:src="@mipmap/b" />
    </RelativeLayout>

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@mipmap/d" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp">

        <ImageView
            android:id="@+id/ico2"
            android:layout_width="62dp"
            android:layout_height="59dp"
            android:layout_margin="10dp"
            android:src="@mipmap/a" />
        <TextView
            android:id="@+id/name2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:text="zsben"
            android:textColor="#576b95"
            android:layout_toRightOf="@id/ico2"
            />
        <TextView
            android:id="@+id/content2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:text="祝大家中秋节快乐"
            android:layout_toRightOf="@id/ico2"
            android:layout_below="@id/name2"
            android:minLines="3"
            />
        <TextView
            android:id="@+id/time2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="3dp"
            android:text="2019年8月15日"
            android:textColor="#9A9A9A"
            android:layout_toRightOf="@id/ico2"
            android:layout_below="@id/content2"
            />

        <ImageView
            android:layout_width="39dp"
            android:layout_height="23dp"
            android:layout_below="@id/content2"
            android:layout_alignParentRight="true"
            android:src="@mipmap/b" />
    </RelativeLayout>

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@mipmap/d" />

</LinearLayout>

呈现界面

原文地址：https://www.cnblogs.com/zsben991126/p/12228759.html

时间： 2024-04-25 20:01:51

Android基础——常用布局管理layout的相关文章

Android中常用布局单位

Android在UI布局时经常用到一些单位,对单位混用直接会影响UI的显示,要想正确的在布局中使用每种单位就必须先真正的熟悉它. UI显示效果的影响因素:屏幕尺寸.屏幕密度.分辨率:而android手机种类又比较多,为了适应不同的设备,我们就要注意drawable和layout资源. 常用的单位有:px.dip(dp).sp,还要一些不常用的单位,如pt.in.mm. px:对应屏幕上的实际像素点: dip(dp):设备独立像素,一种基于屏幕密度的抽象单位,在每英寸160点得显示器上,1dip=

Android基础之布局ConstraintLayout

Google I/O 2016 上发布了 ConstraintLayout,据说很强大,那就一探究竟吧! gradle配置 compile 'com.android.support.constraint:constraint-layout:1.0.0-beta2' 1 1 阅读前提:熟悉四大基础布局 一.位置控制 8个边界控制属性 注:最左边表示可移动的最左边,左边表示View的左边边界 app:layout_constraintLeft_toLeftOf app:layout_constrai

android应用开发详解（七）-------------------布局管理Layout

[知识点] android中常见的布局方式: (1)线性布局LinearLayout:按照垂直或者水平方向布局组件 (2)帧布局FrameLayout:组件从屏幕的左上角坐标布局组件 (3)表格布局TableLayout:按照行列方式布局组件 (4)相对布局RelativeLayout:相对其他组件的布局方式 (5)绝对布局AbsoluteLayout:按照绝对坐标来布局组件 1.工程目录 2.Test_Layout_activity.java package com.example.test_

Android linearlayout常用布局

用linearlayout完成这样的布局效果,这样的布局还是比较常用的,具体的xml代码如下: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vert

Android 之常用布局

LinearLayout 线性布局. android:orientation="horizontal" 制定线性布局的排列方式 水平 horizontal 垂直 vertical gravity 控制当前控件内容显示区域 layout_gravity 当前控件在父元素的位置 Layout_weightSum Layout_weight 额外空间分配(权重) android:visibility="invisible" 控制布局是否显示 显示 visible 不显示,

Android代码常用布局

1.线性布局 LinearLayout:       线性布局是所有布局中最常用的类之一,也是RadioGroup, TabWidget, TableLayout, TableRow, ZoomControls类的父类.LinearLayout可以让它的子元素垂直或水平的方式排成一行(不设置方向的时候默认按照垂直方向排列). 举个例子: 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout

Android中常用布局

 1.线性布局  LinearLayout         orientation:方向:vertical,垂直:horizontal,水平         gravity:对齐方式,子控件相对于当前控件的对齐方式         layout_gravity:当前控件相对于父控件的对齐方式         margin:当前控件相对于四周的间距.         padding:当前控件中的子控件相对于当前控件四周的间距. 2.相对布局  RelativeLayout 都是从左上角开始布局,要

Android布局管理器浅析

在Android应用开发中,为了更好地管理Android应用的用户界面里的各组件,Android提供了布局管理器来实现Android应用的图形用户界面平台无关性,其中所有布局管理器的父类为ViewGroup.一般来说,推荐使用布局管理器来管理组件的分布.大小,而不是直接设置组件位置和大小.在开发当中,最常用的方法是预先设置好容器边距(分布).大小,然后其包含的组件使用"fill_match"或"wrap_content"自动适应父容器即可. 一.LinearLayo

android常用布局

一.线性布局LinearLayout 作用:将容器中的组件一个挨一个地排列起来,不仅可以控制各组件横向排列也可以控制各组件纵向排列(通过android:orientation属性控制) 特点:线性布局不会换行当组件一个爱一个地排列到头之后剩余的组件不会显示 属性: android:gravity   设置布局管理器内组件的对齐方式,该属性支持top,bottom,left,right,center_vertical,fill_vertical,center_horizontal,fill_hor