title: how to create recycler view using card view with grid layout in android
body: <p>I want to create layout for my app. I already tried to create but I am not able to get the desired UI. Actually i am fresher in android development and I need help for improving my knowledge in android development. 
  Please find attached snapshot below:
  <a href="https://i.stack.imgur.com/kzkJT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kzkJT.png" alt="enter image description here"></a></p>
  
  <p>Thanks in advance.</p>
  
  <p>i want to create this type of layout.
  i already created like this here it is my code. raw_layout.xml</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  
  &lt;android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:id="@+id/cvList"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:clickable="true"
      android:focusable="true"
      android:foreground="?android:attr/selectableItemBackground"
      app:cardElevation="8dp"
      app:cardUseCompatPadding="true"&gt;
  
      &lt;ScrollView
          android:layout_width="match_parent"
          android:layout_height="wrap_content"&gt;
  
          &lt;HorizontalScrollView
              android:layout_width="wrap_content"
              android:layout_height="match_parent"&gt;
  
              &lt;!-- Your content here --&gt;
  
  
              &lt;ImageView
                  android:id="@+id/ListImage"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:layout_marginBottom="230dp"
                  android:scaleType="center"
                  android:src="@mipmap/ic_launcher" /&gt;
  
              &lt;RelativeLayout
                  android:id="@+id/footerView"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:layout_gravity="bottom"
                  android:paddingBottom="@dimen/value_5dp"
                  android:paddingLeft="@dimen/value_15dp"
                  android:paddingRight="@dimen/value_15dp"&gt;
  
  
                  &lt;LinearLayout
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:layout_toLeftOf="@+id/overflow"
                      android:orientation="vertical"&gt;
  
                      &lt;TextView
                          android:id="@+id/ListTitle"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:layout_marginBottom="10dp"
                          android:layout_marginLeft="10dp"
                          android:layout_marginTop="10dp"
                          android:text="ListTitle"
                          android:textSize="@dimen/value_15sp"
                          android:textStyle="bold" /&gt;
  
                  &lt;/LinearLayout&gt;
  
  
              &lt;/RelativeLayout&gt;
  
          &lt;/HorizontalScrollView&gt;
  
      &lt;/ScrollView&gt;
  
  
  &lt;/android.support.v7.widget.CardView&gt;
  
  my output is like that [my output][2]</code></pre>
  </div>
  </div>
  </p>