Implementing Simple CardView in android app with Android Studio .

In this post, you will learn simple implementation of Cardview in android studio .Cardview is a widget which was introduced un Android 7.0 . Based on its elevation, cardview gives a shadow effect the makes the app UI more beautiful and appealing. CardView is mainly considered as a container as it wraps for each item within a ListView or a RecyclerView . Here is a simple way to implement CardView in your application.

Add the following code to your xml file :

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#E5E5E5"
    tools:context=".MainActivity">

    <androidx.cardview.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="350dp"
        android:layout_height="600dp"
        android:layout_centerHorizontal="true"
        android:layout_marginStart="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginBottom="40dp"
        android:layout_marginEnd="20dp">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@drawable/nature"/>
    </androidx.cardview.widget.CardView>

    <Button
        android:id="@+id/btn"
        android:layout_width="150dp"
        android:layout_height="60dp"
        android:layout_below="@+id/cardView"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="15dp"
        android:text="next"/>
</RelativeLayout>

Output :




To further enhance the appearance, various XML attributes can be implemented to the CardView.

XML attributes :









Comments

Post a Comment

Popular posts from this blog

How to play Audio on Button Click in app | Android App Development | Java

 In this post, you will learn how to play audio on button click feature in your Android App. We will be using the MediaPlayer to implement this functionality. MediaPlayer class can be used to control playback of audio/video files and streams. MediaPlayer is not thread-safe. Creation of and all access to player instances should be on the same thread. If registering  c allbacks, the thread must have a Looper. Implementation: First, in the activity_main.xml file, add the following code: Then, create a new Android Resources Directory of type ' raw ' and add the audio sounds of your choice in it. Then in the MainActivity.java file, add the following code: Output:
Read more

Custom SeekBar in Android Studio .

Image
In this post, you will learn to create a custom seekbar   in android studio.  A SeekBar is an extension of ProgressBar that adds a draggable thumb. The user can touch the thumb and drag left or right to set the current progress level or use the arrow keys to do so. To create a custom seekbar need follow these steps .  Create a drawable resource file in the drawable folder. Name it whatever you want. In this we will create a custom appearance for the thumb of the seekbar .  Copy the following code in this drawable folder :   custom_thumb.xml: Now create another drawable resource file for the custom background of the seekbar . Paste in the following code in this. Now in your activity_main.xml file, copy this code : activity_main.xml: Output:
Read more

How to implement simple Pie Chart in app | Android Studio | Java | Android App Development

Image
In this post, you will learn how to implement Pie Chart in you Android Application with Java. What is Pie Chart and what are its uses ? Pie charts are used in data handling and are circular charts divided up into segments which each represent a value. Pie charts are divided into sections (or 'slices') to represent values of different sizes. Pie charts are a visual device to help us understand data more easily. Implementation: First, add the dependency for Pie Chart in build.gradle(Module: app) with latest version. implementation 'com.github.blackfizz:eazegraph:1.2.5l@aar' implementation 'com.nineoldandroids:library:2.4.0' Now, in the activity_main.xml file, add the following code: Now, in the MainActivity.java file, add the following code: (make sure to include your package name while copying the code) Output:
Read more