天天看点

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

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

帧布局测试效果

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

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

帧布局提前打针

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

案例步骤

创建新类

确保大家都会跑模拟器哟

mooc链接

这个课程可以教大家配置模拟器,然后我们言归正传

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

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

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

finish完成后,直接

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

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

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

上传图片

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

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

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

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

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.一般都是英文大家都懂得。

观察布局文件调用

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

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

启动

测试效果就是这样子的

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

总结

  • 搭建新类
  • 上传资源图片
  • 编辑布局代码
  • 更改文件调用
  • run测试效果

    帧布局就是将原先组件进行覆盖,后期基础学习都用线性布局,可以参考博主写的这个博文:

    Android基础小白线性布局简单案例(附完整源码)

    希望此博文对大家有帮助!