Android布局管理器-使用FrameLayout帧布局管理器显示层叠的正方形以及前景照片

场景

android布局管理器-使用linearlayout实现简单的登录窗口布局:

https://blog.csdn.net/badao_liumang_qizhi/article/details/103838995

帧布局管理器framelayout

 

 

实现效果

 

 

 

注：

博客：

关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

将activity_main.xml修改为framelayout

 

 

然后通过

 android:foreground="@drawable/dog"

 

设置其前景照片，就是位于所有控件的最上方的照片。

其中照片是位于res/drawable下的dog.jpg

 

 

然后通过

android:foregroundgravity="right|bottom"

 

设置前景照片位置，多个位置使用|分割，这里是设置位于右边和下边。

然后依次设置不同大小的textview以及不同的北京颜色，实现层叠效果。

完整代码如下

<?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="@drawable/dog"
    android:foregroundgravity="right|bottom"
    tools:context=".mainactivity">

    <textview
        android:layout_width="280dp"
        android:layout_height="280dp"
        android:text="蓝色背景"
        android:textcolor="#ffffff"
        android:background="#ff0000ff"
       />

    <textview
        android:layout_width="230dp"
        android:layout_height="230dp"
        android:text="天蓝色背景"
        android:textcolor="#ffffff"
        android:background="#ff0077ff"
        />

    <textview
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:text="水蓝色背景"
        android:textcolor="#ffffff"
        android:background="#ff00b4ff"
        />

</framelayout>