How to add header and image in CardView Material Design

NewImage

 

Cardview is a new addition in Material Design. It is best way to display data and a good alternative to a list view. You can add the Cardview code in the xml layout.  Here is the code to add Header in the cardview or add a image and align to the left.

 



<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:id="@+id/card_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
app:cardElevation="8dp"
card_view:cardCornerRadius="2dp">

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

<LinearLayout
android:id="@+id/heading_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#009688"
android:padding="5dp"
android:orientation="vertical">



<TextView
android:id="@+id/tv_subheading"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="24dp"
android:layout_below="@+id/tv_heading"
android:text="Header"
android:textColor="#80CBC4"
android:textSize="24sp" />

</LinearLayout>


<TextView
android:id="@+id/tv_footer"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="16dp"
android:layout_below="@+id/tv_heading"
android:text="CardView"
android:textColor="#9E9E9E"
android:textStyle="bold"
android:textSize="24sp" />

</LinearLayout>
</android.support.v7.widget.CardView>





<android.support.v7.widget.CardView
android:id="@+id/card_view"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
card_view:cardBackgroundColor="#FFFFFF"
card_view:cardCornerRadius="10dp"
card_view:cardElevation="5dp"
card_view:cardUseCompatPadding="true">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
>

<ImageView
android:id="@+id/imageView"
android:tag="image_tag"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:layout_weight="1"
android:src="@drawable/ic_launcher"/>

<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="12dp"
android:layout_weight="2"
android:orientation="vertical"
>

<TextView
android:id="@+id/textViewName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="10dp"
android:text="Android Name"
android:textAppearance="?android:attr/textAppearanceLarge"/>

<TextView
android:id="@+id/textViewVersion"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="10dp"

android:text="Android Version"
android:textAppearance="?android:attr/textAppearanceMedium"/>

</LinearLayout>
</LinearLayout>

</android.support.v7.widget.CardView>
How to add header and image in CardView Material Design How to add header and image in CardView Material Design Reviewed by Admin on 6:17 AM Rating: 5

9 comments:

  1. Greate pieces. Keep posting such kind of information on your site. Im really impressed by your site.
    Hello there, You have performed a great job. I'll definitely digg it and personally recommend to my friends. I'm sure they'll be benefited from this website. paypal login my account

    ReplyDelete
  2. Great information....i am looking forward for your next topics..i am learning a lot hereCinema App

    ReplyDelete
  3. In this post, we are going to impart to you a strategy to watch your preferred TV shows and TV Series free on your Android DREAM TV We are speaking here about a Live TV Application that passes by the name of Dream TV.

    ReplyDelete
  4. When an image is captured digitally, it is done with a mosaic of light-sensitive electronic pixels. These pixels are actually independent square-shaped photodiodes which are arranged in the form of a large tiled surface. Photo Retouching Service

    ReplyDelete
  5. After reading your article I was amazed. I know that you explain it very well. And I hope that other readers will also experience how I feel after reading your article. how to buy

    ReplyDelete
  6. A mortgage can certainly get quite complex in the way that it behaves, and individuals need to have the tools to research this complex financial vehicle. textbooks

    ReplyDelete
  7. When you're getting a home financing, it's vital that you understand how much you can afford to spend every month. canada mortgage calculator After a borrower has decided around the best mortgage, they could find the home of their dreams. mortgage payment calculator

    ReplyDelete
  8. If your mobile gets stuck at the android logo and the reset button is not working, then you have to install the operating system again on your device. Using a flash file, you can get back your phone in factory format.
    jio f220b flash file

    ReplyDelete
  9. If you are looking to buy new gaming device and you are confused that which is the Best gaming device then you can go through the URL.

    ReplyDelete

Powered by Blogger.