RelativeLayout 下的控件叠加

来源:互联网 发布:淘宝旺铺店招 编辑:程序博客网 时间:2024/05/22 14:58

1. 相对布局下的空间叠加

效果图如下:
这里写图片描述

2.背景色+横线布局如下

<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android">    <!-- layout background -->    <item>        <shape android:shape="rectangle">            <solid android:color="@color/cutlineColor"/>        </shape>    </item>    <!-- layout foreground -->    <item        android:top="1px">        <shape android:shape="rectangle">            <solid android:color="@color/Color_jobNumber" />        </shape>    </item></layer-list>

2. 相对布局下,实现布局叠加

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <include layout="@layout/include_head_title" />    <LinearLayout        android:id="@+id/load_lin_sum"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_alignEnd="@+id/et_scan_input"        android:layout_alignParentBottom="true"        android:layout_alignRight="@+id/et_scan_input"        android:layout_gravity="center_vertical"        android:background="@drawable/layout_bg_style_one"        android:gravity="center"        android:paddingBottom="@dimen/y10"        android:paddingTop="@dimen/y10"        android:visibility="gone">        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="@string/already_encapsulation"            android:textColor="@color/primary"            android:textSize="@dimen/FontSize_24" />        <TextView            android:id="@+id/load_sum_tv"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_marginLeft="@dimen/x22"            android:layout_marginRight="@dimen/x22"            android:text="0"            android:textColor="@color/Color_E"            android:textSize="@dimen/FontSize_38"            android:textStyle="bold" />        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="@string/piece"            android:textColor="@color/primary"            android:textSize="@dimen/FontSize_24" />        <TextView            android:id="@+id/tv_pack_num"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_marginLeft="@dimen/x22"            android:layout_marginRight="@dimen/x22"            android:text="0"            android:textColor="@color/Color_E"            android:textSize="@dimen/FontSize_38"            android:textStyle="bold"            android:visibility="gone" />        <TextView            android:id="@+id/tv_pack_text"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="@string/bundle"            android:textColor="@color/primary"            android:textSize="@dimen/FontSize_24"            android:visibility="gone" />    </LinearLayout>    <ImageView        android:id="@+id/btn_pull_up"        android:layout_width="@dimen/x40"        android:layout_height="@dimen/x40"        android:layout_alignParentBottom="true"        android:layout_marginBottom="@dimen/y15"        android:layout_marginLeft="@dimen/x26"        android:src="@drawable/btn_pull_up"        android:visibility="gone" /></RelativeLayout>

线性布局的背景是白色的,ImageView必须在布局的下面,这样子会先绘制线性布局,后绘制ImageView。实现叠加效果。

阅读全文
0 0