2016-12-29 65 views
1

有誰知道如何擁有這樣的浮動Cardview? http://chairnerd.seatgeek.com/images/autocomplete_checkout.gif如何擁有像這樣的可滾動浮動Cardview?

背景圖像應該能夠以編程方式更改並且cardviews應該可以滾動。並且第一個Cardview的位置應該位於圖像下方的某個位置。提前致謝!

+0

只是把你cardview一個flamelayout它會在裏面工作。如果你把一些代碼,我可以幫你更 –

+0

有無你試過在一個嵌套的滾動視圖中使用CardView,並且有一些標高 – Nivedh

+0

謝謝。你碰巧知道如何使它像在例子中那樣可擴展? –

回答

2

我想出了自己,我會在這裏發佈我的解決方案,以防有人遇到同樣的情況。

這裏的佈局文件應該如何看起來像:

<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" /> 

注:的高度這裏應該匹配marginTop中的LinearLayout

1

是的,它是一個cardView直接在ScrollView,或ListView簡單地與項目的佈局與背景透明度。

scrollview/listview放置在FrameLayoutRelativeLayout。頂部有一個填充/邊距,或者是一個「存根」第一個元素,它是透明的「

貝婁(在父佈局中聲明的第一個)scrollview/listview可以放置圖像或任何其他靜態組件。

而且上面可以放置其他浮動部件(如您的示例中的結帳鍵)

+0

謝謝。你碰巧知道如何使它像在例子中那樣可擴展? –

+0

@YanruBi在用戶按下摺疊按鈕後,從可見性GONE簡單變爲可見。 – htafoya