顯示產品與多欄自定義佈局的Android清單

Question

我想告訴一些產品在我的Android應用程序，我需要它是動態的，

我需要以下條件：

• 顯示產品在網格視圖（ 2,3或4列取決於手機，平板電腦，人像，風景模式）
• 每個產品都有onclick事件（在另一個活動/片段中顯示產品的詳細信息）
• 網格上的每個產品應該來自xml佈局（包含縮略圖圖像，名稱，價格等）
• 負載更多的產品上使用JSON在網絡上滾動的SQLSERVER數據庫
• 負載產品上滾動（負載）（它可以使用適配器來完成...）

我應該提到我搜索了android庫，並且發現了cardslib，但我無法理解如何將這些需求與此庫結合起來！我知道一些要求很容易處理，但我不知道如何將所有要求放在一起！

澄清我上傳的類似應用程序的一些圖片的情況：

先感謝您的任何解決方案。

Answer 1

這裏是在GridView

<GridView 
    android:id="@+id/gridview2" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:horizontalSpacing="10dp" 
    android:numColumns="2" 
    android:paddingBottom="5dp" 
    android:paddingLeft="10dp" 
    android:paddingRight="10dp" 
    android:paddingTop="5dp" 
    android:stretchMode="columnWidth" 
    android:verticalSpacing="10dp" /> 

Answer 2

這裏是單個網格視圖。

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 

android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:background="#e6e6e6" 
android:orientation="vertical" 
android:padding="1dp"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="#ffffff" 
     android:orientation="vertical" 
     android:padding="1.5dp"> 

     <ImageView 
      android:id="@+id/picture" 
      android:layout_width="150dp" 
      android:layout_height="250dp" 
      android:layout_gravity="top|center" 
      android:padding="5dp" 
      android:src="@drawable/productcimage" /> 

     <View 
      android:layout_width="match_parent" 
      android:layout_height="1.5dp" 
      android:background="#e6e6e6" /> 

     <RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_gravity="bottom|center_horizontal"> 

      <TextView 
       android:id="@+id/textView" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignParentLeft="true" 
       android:layout_alignParentStart="true" 
       android:layout_alignParentTop="true" 
       android:layout_marginTop="2dp" 
       android:text="New Text" /> 

      <TextView 
       android:id="@+id/textView2" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignParentEnd="true" 
       android:layout_alignParentRight="true" 
       android:layout_alignParentTop="true" 
       android:text="New Text" /> 

      <TextView 
       android:id="@+id/textView3" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignParentLeft="true" 
       android:layout_alignParentStart="true" 
       android:layout_below="@+id/textView2" 
       android:text="New Text" /> 

      <RatingBar 
       android:id="@+id/ratingBar" 
       style="@style/Widget.AppCompat.RatingBar.Small" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignParentEnd="true" 
       android:layout_alignParentRight="true" 
       android:layout_below="@+id/textView2" 
       android:rating="3" /> 

     </RelativeLayout> 
    </LinearLayout> 
</LinearLayout>