Android控件浮在最上层的方法

╰+哭是因爲堅強的太久メ 2022-09-10 09:29 816阅读 0赞

**在XML文件中，可以使用FramLayout或RelativeLayout来布局，每个控件都是覆盖显示的，后加进来的控件覆盖前面的控件。可以把控件写在最后，从而实现显示在最上层的效果。**

### 使用FramLayout ###

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAaXFxY29kZQ_size_20_color_FFFFFF_t_70_g_se_x_16][]

<?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">
    
        <FrameLayout android:layout_marginTop="50dp" android:layout_width="wrap_content" android:layout_height="wrap_content">
    
            <RelativeLayout android:layout_width="350dp" android:layout_height="350dp" android:background="#1abc9c">
    
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentBottom="true" android:textSize="20dp" android:textStyle="bold" android:textColor="#FFF" android:text="第一层内容"/>
            </RelativeLayout>
    
            <RelativeLayout android:layout_width="250dp" android:layout_height="250dp" android:background="#3498db">
    
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentBottom="true" android:textSize="20dp" android:textStyle="bold" android:textColor="#FFF" android:text="第二层内容"/>
            </RelativeLayout>
    
            <RelativeLayout android:layout_width="150dp" android:layout_height="150dp" android:background="#ff6b81">
    
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentBottom="true" android:textSize="20dp" android:textStyle="bold" android:textColor="#FFF" android:text="第三层内容"/>
            </RelativeLayout>
        </FrameLayout>
    </LinearLayout>

### 使用RelativeLayout ###

RelativeLayout默认对齐左上角，覆盖效果与FramLayout相同

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAaXFxY29kZQ_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

<?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">
    
        <RelativeLayout android:layout_marginTop="50dp" android:layout_width="wrap_content" android:layout_height="wrap_content">
    
            <RelativeLayout android:layout_width="350dp" android:layout_height="350dp" android:background="#1abc9c">
    
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentBottom="true" android:textSize="20dp" android:textStyle="bold" android:textColor="#FFF" android:text="第一层内容"/>
            </RelativeLayout>
    
            <RelativeLayout android:layout_width="250dp" android:layout_height="250dp" android:background="#3498db">
    
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentBottom="true" android:textSize="20dp" android:textStyle="bold" android:textColor="#FFF" android:text="第二层内容"/>
            </RelativeLayout>
    
            <RelativeLayout android:layout_width="150dp" android:layout_height="150dp" android:background="#ff6b81">
    
                <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentBottom="true" android:textSize="20dp" android:textStyle="bold" android:textColor="#FFF" android:text="第三层内容"/>
            </RelativeLayout>
    
        </RelativeLayout>
    
        <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="25dp" android:layout_marginTop="50dp" android:layout_gravity="center_horizontal" android:textStyle="bold" android:text="默认对齐左上角"/>
    
    </LinearLayout>

### 代码修改 ###

**方式一**

mView.bringToFront();

可以将布局在下层的控件放到上层，不被其他控件挡住。

**方式二**

Android 自 Lollipop 开始，增加了一个 StateListAnimator style，可以使控件始终显示在最上层。

xml中使用：

android:stateListAnimator="@null"

代码中使用:

xx.setStateListAnimator(null);

### LinearLayout默认排列方式 ###

**LinearLayout默认是horizontal对齐**

setOrientation()方法  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAaXFxY29kZQ_size_20_color_FFFFFF_t_70_g_se_x_16 2]

在LinearLayout中关于元素排列方向，就只是用一个int型的变量来表示  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAaXFxY29kZQ_size_20_color_FFFFFF_t_70_g_se_x_16 3]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAaXFxY29kZQ_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220829/9720cdce2d8b4c3da9e2958d88bd7a72.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAaXFxY29kZQ_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220829/b62efa83c25c4907860e7f2f1a3d41b5.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAaXFxY29kZQ_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220829/db6b2f1335294d4c8cd270618c8ec1ca.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAaXFxY29kZQ_size_20_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220829/9fbb7a2fa19746d8a4425e7a7e276f22.png