如何拥有这样的可滚动浮动Cardview?

时间:2016-12-29 23:59:44

标签: android android-cardview floating

有谁知道如何拥有这样的浮动Cardview? http://chairnerd.seatgeek.com/images/autocomplete_checkout.gif

背景图片应该能够以编程方式更改,并且cardview应该可滚动。而第一张Cardview的位置应该在图像下方的某个位置。提前谢谢!

2 个答案:

答案 0 :(得分:6)

我自己想出来,如果有人遇到同样的情况,我会在这里发布我的解决方案。

此处布局文件应如下所示:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:focusableInTouchMode="true"
android:background="@color/bgGrey">

<ImageView
    android:layout_width="match_parent"
    android:layout_height="125dp"
    app:srcCompat="@drawable/soccer"
    android:id="@+id/imageView"
    android:scaleType="centerCrop"/>

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_marginTop="120dp">

        <android.support.v7.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="6dp">

编辑:在LinearLayout中,应添加类似占位符的内容。否则,将不会显示末尾的部分内容。所以我使用textview来做到这一点。

<TextView
            android:layout_width="match_parent"
            android:layout_height="120dp" />

注意:此处的高度应与LinearLayout中的marginTop匹配

答案 1 :(得分:1)

是的,它是直接在ScrollViewListView上的卡片视图,只需使用具有背景透明度的项目布局。

滚动视图/列表视图位于FrameLayoutRelativeLayout。顶部有一个填充/边距,或者一个&#34; stub&#34;第一个透明元素&#34;。

Bellow(在父布局中首先声明)scrollview / listview,您可以放置​​图像或任何其他静态组件。

上面你可以放置其他浮动组件(比如你的例子中的Check-out按钮)