Android下实现控件的叠加显示

最新推荐文章于 2022-03-21 22:34:15 发布

一叶飘舟

最新推荐文章于 2022-03-21 22:34:15 发布

阅读量2.3w

点赞数 3

分类专栏： Android UI Android开发文章标签： android layout button 框架测试手机

本文链接：https://blog.csdn.net/jdsjlzx/article/details/7585869

版权

Android开发同时被 2 个专栏收录

1083 篇文章 31 订阅

订阅专栏

Android UI

432 篇文章 10 订阅

订阅专栏

在做手机软件时，经常会遇到空间叠加显示的问题，比如在一个图片的buttom|center上添加一个名字或者是加上log图片，这样的图片当然可以通过PS等软件进行处理之后直接setSource给ImageView，但是这种方式只能处理静态的事务。如果需要动态的在某些图片上添加其他的物件的话，就需要用到我们今天介绍的FrameLayout。

FrameLayout没有标准的中文翻译，但是就功能来看，“单帧布局”貌似要比“框架布局”更贴切一些。在FrameLayout上面添加控件，就好像是向一张画布上添加一张一张的贴片，后面的控件会覆盖在之前的控件之上。如果后面的控件比较小，就可以很容易的实现上面所述的控件叠加的需求了。至于怎么使用，在网上应该会有比较多的文章介绍。这里就不在赘述。

可能遇到的问题:

1、在图片A的buttom|center位置添加图片B。首先在FrameLayout上面加上图片A，然后再添加图片B。同时需要设置图片B的margin以在合适的位置。但是在测试过程中发现，如果直接在FrameLayout直接设置B的margin，效果不会显示。解决这个问题的一个比较简单的办法就可以在图片B和FrameLayout之间叠加一层Layout，比如LinearLayout等。这样就可以实现上述需求了。

如：

<FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="5dip"
        android:orientation="vertical" >
        <Gallery
        android:id="@+id/pro_detail_gallery"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" />
        <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="0dp"
         />
        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center_vertical"
            android:orientation="horizontal"
            android:layout_marginBottom="20dip"
            android:layout_marginLeft="50dip"
            android:layout_marginRight="50dip"
            android:layout_gravity="bottom"
            >
			<TextView
                android:id="@+id/pro_priceTextView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:singleLine="true"
                android:textColor="#000" />
            <Button
                android:id="@+id/buy_btn"
                android:layout_width="wrap_content"
				android:layout_height="wrap_content"
                android:gravity="center"
                android:layout_alignParentRight="true"
                android:text="购入囊中"
                android:textColor="#fff"
                android:background="@drawable/buy" />

            
        </RelativeLayout>
    </FrameLayout>