Android五种布局方式+常用控件

于 2024-10-09 19:51:20 发布
阅读量401 收藏 8
点赞数 11
文章标签： android 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62786802/article/details/142794866
版权

2.1五种布局方式

1.LinearLayout线性布局

线性布局是以水平或垂直方式依次排列显示控件的布局方式。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btn_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮一"
        android:textSize="20dp" />
    
    <Button
        android:id="@+id/btn_two"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="按钮二"
        android:textSize="20dp" />
</LinearLayout>

在这里插入图片描述

2.RelativeLayout相对布局

相对布局是通过相对位置布局控件的布局方式，是Android采用的默认方式。在设计中相对布局遵循控件之间的依赖关系，后放入控件的位置依赖于先放入的控件，以其他控件或父容器为参照，摆放控件位置。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btn_one"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="按钮一"
        android:textSize="60dp" />

    <Button
        android:id="@+id/btn_two"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="按钮二"
        android:textSize="10dp" />
</RelativeLayout>

在这里插入图片描述

3.FrameLayout帧布局

帧布局是Android中最简单的布局，该布局为每个加入其中的控件创建一个空白区域（称为帧），每个控件占据一帧。

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btn_one"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="按钮一"
        android:textSize="10dp" />


    <Button
        android:id="@+id/btn_two"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="按钮二"
        android:textSize="10dp" />
</FrameLayout>

在这里插入图片描述

4.TableLayout表格布局

表格布局是以表格的形式排列控件，通过行和列将界面划分为多个单元格，每个单元格都可以添加控件。

表格布局需要和TableRow配合使用，每一行都由TableRow对象组成，因此TableRow的数量决定表格的行数，而表格的列数由TableRow包含最大控件数决定的。

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:shrinkColumns="2"
    tools:context=".MainActivity">
    <!--LinearLayout线性布局、RelativeLayout相对布局、FrameLayout帧布局、表格布局、绝对布局-->
    <!--android:layout_gravity用于指定控件在布局中的对齐方式-->
    <TableRow>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="0"
            android:text="按钮1" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="按钮2" />
    </TableRow>

    <TableRow>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:text="按钮3" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:text="按钮4" />
    </TableRow>
</TableLayout>

在这里插入图片描述

表格布局的属性&表格控件的属性

  • 布局属性
布局属性功能描述
Android:strechColumns设置该列被拉伸列号从“0”开始例如Android:strechColumns=“0”表示第一列拉伸
Android:shrinkColumns设置该列被收缩列号从“0”开始例如Android:shrinkColumns=“1，2”表示第2，3列可收缩
Android:CollapseColumns设置该列被隐藏列号从“0”开始例如Android:CollapseColumns=“1”表示第一1，2列隐藏
  • 控件属性
控件属性功能描述
Android:layout_column设置该单元显示位置、例如，Android：layout_column=1表示在第二个位置显示
Android:layout_span设置该单元格占据几列，默认为1列

5.AbsoluteLayout绝对布局

绝对布局是通过指定的x,y坐标来控制每一个控件的位置。

<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_x="50dp"
        android:layout_y="50dp"
        android:text="按钮1" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_x="200dp"
        android:layout_y="150dp"
        android:text="按钮2" />
</AbsoluteLayout>

在这里插入图片描述

2.2 常用控件

控件是界面组成的重要元素，TextView文本框，EditView编辑框，Button按钮等，这些都是与用户进行交互的控件。

2.2.1 TextView文本框

通过TextView控件显示文本信息，如我们例程中的“Hello World！”。

TextView常用属性

控件属性功能描述
android:text设置显示文本
android:textColor设置文本的颜色
android:textSize设置文字大小，推荐单位sp
android:textStyle设置文字样式，如bold(粗体)，italic(斜体)
android:height/width设置文本区域的高度/宽度，支持单位px/dp
androidlayout_width设置TextView控件的宽度
android:maxLength设置文本长度，超出不显示
android:password设置文本以密码形式“…”显示
android:gravity设置文本位置，如设置成“center”
android:phoneNumber设置以电话号码的方式输入
android:layout_height设置TextView控件的高度

2.2.2 EditView编辑框

通过EditView控件接收用户输入信息，将用户信息传递给Android程序。

EditView常用属性

控件属性功能描述
android:hint设置EditText没有输入内容时显示的提示信息
android:llines设置固定行数来决定EditText的高度
android:maxLines设置最大行数
android:minLines设置最小行数
android:password设置文本以密码形式“…”显示
android:phoneNumber设置以电话号码的方式输入
android:scrollHorizontally设置文本超出TextView的宽度情乱下，是否出现横拉条
android:capitalize设置首字母大写
android:editable设置是否可编辑

练习

MainActivity.java 文件


public class MainActivity extends AppCompatActivity {
    private Button myBtn_one;
    private Button myBtn_two;

    @SuppressLint("MissingInflatedId")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        EdgeToEdge.enable(this);
        setContentView(R.layout.activity_main);
        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
            Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
            v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
            return insets;
        });
        //初始化
        myBtn_one = (Button) findViewById(R.id.btn_one);
        myBtn_two = (Button) findViewById(R.id.btn_two);
        myBtn_two.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                myBtn_two.setText("按钮2被点击");
            }
        });
    }
    public void click(View v) {
        myBtn_one.setText("按钮1被点击");
    }
}

activity_main.xml 文件

<?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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btn_one"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="click"
        android:text="按钮1" />

    <Button
        android:id="@+id/btn_two"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btn_one"
        android:text="按钮2" />
</RelativeLayout>

运行结果

在这里插入图片描述
在这里插入图片描述

是Meiko呀
关注
android 控件上下排列_Android几种常用布局详解
weixin_39942397的博客
01-26 1803
写在前面一直想写一写布局，趁今天有空好好总结一下，留着以后看。综述Android的布局有好多好多种，官方的、自定义的等等，五花八门。原来安卓有五大基本布局，现在共有六种，前五种是传统的，还有一种是比较新的。五种传统布局LinearLayout(线性布局)RelativeLayout(相对布局)FrameLayout(帧布局)AbsoluteLayout(绝对布局)TableLayout(表格布局)...
Android Studio 常用控件和常用布局的介绍
EmptyPointer的博客
09-10 3136
一、常用控件： 文本控件：– TextView – EditText 按钮控件： – Button – ImageButton 状态开关按钮：– ToggleButton 单选与复选按钮：– CheckBox和RadioButton 图片控件：– ImageView 时钟控件：– AnalogClock – DigitalClock 日期与时间选择控件： – DatePicker – TimePicker 1.插入图片 <ImageView android:layout_...
Android常用的五种布局
热门推荐
weixin_44564406的博客
06-10 1万+
4、RelativeLayout（相对布局）允许子元素制定他们相对于其他元素或父元素的位置(通过ID制定)。元素按顺序排列，因此如果第一个元素在屏幕的中央，那么相对于这个元素的其他元素将以屏幕中央的相对位置来排列。2、LinearLayout(线性布局)可以通过orientation属性设置线性排列的方向是垂直还是纵向的,每行或每列只有一个元素，可以进行复杂的布局。1、FrameLayout（帧布局）是最简单的布局方式，放置的控件都只能罗列到左上角，控件会有重叠，不能进行复杂的布局。
Android基础布局与常用控件必看！！！
ojbk99267710的博客
07-15 2408
​ LinearLayout 线性布局 ​ RelativeLayout 相对布局 ​ TableLayout 表格布局 ​ FrameLayout 帧布局（框架布局） ​ ConstrantLayout 约束布局 （Android Studio默认布局） 用于拖拽的
Android五种常用界面布局
weixin_48699700的博客
03-11 1738
五种常用布局 1.线性布局 2.相对布局 3.帧布局 4.表格布局 5.约束布局 五种布局的特点： 布局 特点 线性布局 以水平或垂直方向排列 相对布局 通过相对定位排列 帧布局 开辟空白区域，帧里的控件（层）叠加 表格布局 表格形式排列 约束布局 可视化的方式编写布局 布局的通用属性 属性名称 功能描述 android:id 设置布局的标识 android:layout_width 设置布局的宽度 ...
android 布局layout + 基础控件View
QWxixi的博客
01-12 2135
android布局 layout 共有属性 layout_width layout_height layout_margin 外边距 padding 内边距 宽度 android:layout_width="200dp" match_parent wrap_content 200dp (字体的单位用sp) 线性布局 特点：从上往下，从左往右 重要属性 android:orientation 方向 android:layout_weight 权重 android:layout_gravity 重力
[Android开发基础1] 五大常用界面布局
人生处处是围城，一切都是最好的安排！
01-25 2804
安卓开发常见的五大布局方式，包括线性布局、相对布局、表格布局、帧布局和约束布局
Android三种基本布局方式
Hedenghui777的博客
12-11 3997
文章目录LinearLayoutRelativeLayoutFrameLayout 一个丰富的界面由很多个控件组成的,那么我们如何才能让各个控件有条不紊摆放在界面上,而不是乱糟糟的,这就需要借助布局来实现了 LinearLayout LinearLayout又称作线性布局,是一种非常常用的布局 android:orientation 排列方式 在垂直方向上依次排列 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/.
android studio常用控件和布局的继承结构
逆水行舟，不进则退
08-07 1293
 
android常用布局和控件
u012365843的专栏
04-15 2477
android常用布局和控件
Android常用控件大全+经典实例+权限大全+布局精解+蓝牙编程
06-02
Android常用控件大全+Android经典实例+Android权限大全+Android布局精解+Android蓝牙编程.doc+Android项目的目录结构和程序的执行流程.doc
Android 发展史、布局、常用控件等基础知识学习.pptx
05-25
主要讲解Android发展史、Android五大布局、Android基础常用控件、Android开发工具等讲解
Android布局控件之常用linearlayout布局
09-02
在Android开发中，LinearLayout是一种基础且常用的布局控件，它按照水平或垂直方向排列子视图（widgets或containers）。在创建界面布局时，LinearLayout能够帮助开发者有效地组织和对齐组件，确保它们整齐有序地呈现...
android布局+控件
12-02
#### 二、常用控件及其属性 ##### 1. EditText `EditText`用于收集用户的输入。可以使用`android:hint`属性设置提示文本，当用户未输入任何内容时显示。 **示例代码**： ```xml android:layout_width="match_...
Android SystemUI组件（08）睡眠灭屏 锁屏处理流程
wangdsh的博客
10-02 1124
说明：本章节持续迭代之前章节的思维导图，主要关注左侧上方锁屏分析部分即可。Power按键的处理逻辑最终是由PhoneWindowManager来完成。想了解更多可参考输入子系统的相关文章。Android Framework 输入子系统（01）核心机制 inotify和epollAndroid Framework 输入子系统（02）核心机制 双向通信(socketpair+binder)Android Framework 输入子系统（03）输入系统框架。
【Android】Handler消息机制
m0_74448051的博客
10-06 1003
Android消息机制学习分享
【Android 源码分析】Activity生命周期之onDestroy
隔壁小王的博客
10-01 1376
ActivityThread::performDestroyActivity -- onDestroy流程WindowManagerImpl::removeViewImmediate -- UI处理ActivityClient::activityDestroyed -- SystemService 进程处理。
Session反序列化漏洞解析
最新发布
2301_79629995的博客
10-06 1117
当某个用户第一次访问网站时，Session_start()函数会创建一个唯一的SessionID，并通过HTTP响应头，也就是返回包，将SessionID保存在客户端，也就是用户浏览器的Cookie中。以上两PHP文件在session的存储引擎上采用了不同的方式，因此在解析session文件中的数据时就产生了歧义，如对于php_serialize来说 ”|“仅仅只是一个字符，但对于php而言则是分割符，因此对session产生了不同的解析结果，我们通过如下脚本生成payload。s:3:"age";
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值