我想创建这个布局
这是我使用此代码的cardview(灰色视图)和imageview(蓝色视图)
- <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
- xmlns:app="http://schemas.android.com/apk/res-auto"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:background="@color/abc_search_url_text_normal"
- android:orientation="vertical">
- <android.support.v7.widget.CardView
- android:layout_width="match_parent"
- android:layout_height="100dp"
- android:layout_alignParentBottom="true"
- android:layout_gravity="bottom"
- android:layout_marginBottom="3dp"
- android:paddingTop="5dp"
- app:cardBackgroundColor="@color/abc_input_method_navigation_guard">
- </android.support.v7.widget.CardView>
- <ImageView
- android:layout_width="100dp"
- android:layout_height="100dp"
- android:layout_gravity="bottom"
- android:layout_marginBottom="30dp"
- android:layout_marginRight="10dp"
- android:scaleType="fitXY"
- android:src="@drawable/abc_ratingbar_full_material" />
- </FrameLayout>
但在结果我的图像视图回到cardview我尝试reletivelayout而不是framelayout但相同的结果.
解决方法
尝试:
>使用RelativeLayout
>将ImageView与父右/末端对齐,并添加右/尾边距
>将FAB对齐到卡片视图的顶部并添加负边距
- <RelativeLayout
- ...>
- <CardView
- android:id="@+id/cardView"
- android:layout_width="match_parent"
- android:layout_height="120dp"
- />
- <ImageView
- android:id="@+id/fab"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_alignParentRight="true"
- android:layout_alignTop="@id/cardView"
- android:layout_marginTop="-32dp"
- android:layout_marginRight="20dp"
- />
- </RelativeLayout>