移动应用开发——FrameLayout(帧布局)的基本使用

最新推荐文章于 2022-11-13 15:52:56 发布

wzyai

最新推荐文章于 2022-11-13 15:52:56 发布

阅读量558

点赞数

文章标签： android

本文链接：https://blog.youkuaiyun.com/wzyai/article/details/107168382

版权

本文介绍了Android开发中FrameLayout的基础使用，强调其简单的特性，指出所有控件默认位于左上角。通过示例展示了如何利用android:layout_gravity属性调整控件在布局中的对齐方式，以改变默认堆叠顺序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

FrameLayout又称作帧布局，它相比于LinearLayout和RelativeLayout要简单很多，因为它的应用场景也少了很多。这种布局没有方便的定位方式，所有的控件都会默认摆放在布局的左上角
在这里插入图片描述
activity_main代码:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent" 
   android:layout_height="match_parent">   
     <TextView    
           android:id="@+id/tv"  
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"  
           android:text="This is TextView" />   
         <ImageView     
                android:id="@+id/iv" 
                android:layout_width="wrap_content"             
                android:layout_height="wrap_content"    
                android:src="@mipmap/ic_launcher" /> 
                   </FrameLayout>

效果图：
在这里插入图片描述
可以看到，文字和图片都是位于布局的左上角。由于ImageView是在TextView之后添加的，因此图片压在了文字的上面。
当然除了这种默认效果之外，我们还可以使用android:layout_gravity属性来指定控件在布局中的对齐方式，这和LinearLayout中的用法是相似的。
修改activity_main.xml中的代码：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    
  android:layout_width="match_parent"   
  android:layout_height="match_parent">
  <TextView     
        android:id="@+id/tv"     
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"    
        android:layout_gravity="left"      
        android:text="This is TextView" />
        <ImageView      
                  android:id="@+id/iv"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"     
                  android:layout_gravity="right"    
                  android:src="@mipmap/ic_launcher" /> 
                         </FrameLayout>

效果图：
在这里插入图片描述