Android帧布局简单案例(附完整源码)

本博文是安卓基础，不需要太高深的内容，错，根本没有任何高深的内容。需要的是你有会成功跑第一行hello world的基础。因此，我将仔细展现如何操控帧布局。

帧布局测试效果

是不是感觉很丑，我也觉得。我来讲解为什么会这样

帧布局提前打针

帧布局是将组件放置到左上角位置，当添加多个组件时，后面的组件会遮盖之前的组件。 黑体是重点，不然你就无法理解帧布局的本质

案例步骤

创建新类

确保大家都会跑模拟器哟
mooc链接
这个课程可以教大家配置模拟器，然后我们言归正传

这一步基础操作，我们继续往下面走，选择Empty Activity

finish完成后，直接

或

然后等待模拟器会出现hello world! ，我们继续往下面做！

上传图片

从网上照一张或者自己搞一张5050~7575之间的图片，任意但不要太大，格式任意，名字不要任意。名字英文！规范！初学者就取by吧(测试里用了by)

一定要拖到drawable，比如像这种拖拽，

ok后，我们基础图片有了，直接上测试样例

布局文件源码

代码后我做分析

<?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"

    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:foreground="@drawable/by"
    android:foregroundGravity="right|top">


    <TextView
        android:id="@+id/txt"
        android:layout_width="350dp"
        android:layout_height="200dp"
        android:background="@color/colorAccent"/>
    <TextView
        android:layout_width="250dp"
        android:layout_height="150dp"
        android:id="@+id/txt2"
        android:background="@color/colorPrimary"
        android:text="后添加的文本框"
        android:textSize="24sp"
        />

</FrameLayout>

帧布局框架FrameLayout，我们添加了两个TextView。图片是在整个帧布局里做前景背景

FrameLayout讲解

这个代码width填充父元素。height匹配父元素。父元素就是整个app。gravity就是设置它的方向，foreground就是设置图片目录的。

TextView讲解

width与weight我们是采用dp单位，大家当作像素为单位吧。text就是显示文本内容。textSize就是字体大小，background就是背景颜色，调用的是文件下设置后的背景！id就是组件的别名。如果想自己改动在@+id/别名.比如：@+id/txt3.一般都是英文大家都懂得。

观察布局文件调用

因为之前没动过，所以都是默认

启动

测试效果就是这样子的

总结

• 搭建新类
• 上传资源图片
• 编辑布局代码
• 更改文件调用
• run测试效果
  帧布局就是将原先组件进行覆盖，后期基础学习都用线性布局，可以参考博主写的这个博文：
  Android基础小白线性布局简单案例(附完整源码)
  希望此博文对大家有帮助！