[原创]在Framelayout中放置button控件出现的覆盖问题

时间:2023-03-09 08:32:11
[原创]在Framelayout中放置button控件出现的覆盖问题

android Framelayout(帧布局)是很常用的布局,主要用来处理需要多个view叠加显示的情况。

然而在使用中,我发现Framelayout中的Button控件,会挡住所有其他控件,而不论位置和添加顺序如何,这个表现是不正常的,我本机有4.1和5.0两种模拟器,只有5.0有这个问题,因此怀疑是5.0的bug。

下面用一个例子说明:

想要的效果是这样的:  [原创]在Framelayout中放置button控件出现的覆盖问题

我选择使用Framelayout来实现,下面一个button,上面一个imageview即可,代码如下:

     <FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"> <Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="立即投资" /> <ImageView
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_gravity="left|center"
android:layout_marginLeft="16dp"
android:src="@mipmap/ic_invest_button"
android:tint="@color/white" /> </FrameLayout>

在4.1系统上,工作良好,换到5.0,左边的小图标(imageview)死活不显示,调试了半天才发现是被button的背景遮住了。

imageview是后加入的,按理来说,应该是显示在button上面,而不应该被挡住,所以觉得这应该是5.0的一个bug。

但是咱们也必须得兼容5.0,不能显示异常啊,那咱们自己来解决这个问题吧,因为本项目其他地方也用到了Framelayout,没有出现异常,只有这里异常,对比测试后发现,是button控件的问题,那假如我就用一个容器把button包裹起来,结果会怎么样呢?直接上代码:

     <FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"> <RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"> <Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="立即投资" /> </RelativeLayout> <ImageView
android:layout_width="36dp"
android:layout_height="36dp"
android:layout_gravity="left|center"
android:layout_marginLeft="16dp"
android:src="@mipmap/ic_invest_button"
android:tint="@color/white" /> </FrameLayout>

跑起来一看,问题解决了,完美兼容4.0,5.0。只是多了一层嵌套,代码上看略微不优雅。