TUTORIAL MEMBUAT CARD VIEW

TUTORIAL BELAJAR MEMBUAT MENU MAKANAN MENGGUNAKAN CARD VIEW

Disini saya memberikan tutorial membuat menu makanan dengan card view dengan menggunakan android studio.

dan disini saya menyediakan codingan card view dan memberikan codingan scroll view 

contohnya seperti berikut :

<?xml version="1.0" encoding="utf-8"?>

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

    tools:context=".MainActivity"

    android:background="@color/cardview_light_background">

    <ScrollView

        android:layout_width="match_parent"

        android:layout_height="600dp"

        android:layout_margin="10dp"

        app:layout_constraintTop_toTopOf="parent">

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:orientation="vertical">

        <TextView

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:paddingTop="20dp"

            android:paddingBottom="35dp"

            android:textColor="#FFFFFF"

            android:text="jefri seprianto"

            android:background="#770DE1"

            android:textStyle="bold"

            android:textAlignment="center"

            android:textSize="25dp" />

<android.support.v7.widget.CardView

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    app:cardCornerRadius="10dp"

    app:cardElevation="20dp"

    android:layout_marginLeft="10dp"

    android:layout_marginRight="10dp"

    android:layout_marginBottom="30dp"

    android:layout_marginTop="30dp"

    >

    <ImageView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:scaleType="center"

        android:src="@drawable/np" />

<!--    ==========================-->

    <LinearLayout

        android:layout_width="wrap_content"

        android:layout_height="match_parent"

        android:paddingTop="0dp"

        android:paddingLeft="150dp"

        android:orientation="vertical">

        <TextView

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="NASI PECEL"

            android:textSize="27dp"

            android:background="#ff0"

            />

        <TextView

            android:layout_width="239dp"

            android:layout_height="wrap_content"

            android:text="NASI PECEL adalah makanan khas yang berasal dari NASI PECEL yang sangat terkenal baik di nusantara maupun di dunia"

            android:textColor="#000"

            android:textSize="20dp" />

    </LinearLayout>

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

<android.support.v7.widget.CardView

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    app:cardCornerRadius="10dp"

    app:cardElevation="20dp"

    android:layout_marginLeft="10dp"

    android:layout_marginRight="10dp"

    android:layout_marginBottom="30dp"

    android:layout_marginTop="30dp"

    >

    <ImageView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:scaleType="center"

        android:src="@drawable/nk" />

<!--    ==========================-->

    <LinearLayout

        android:layout_width="wrap_content"

        android:layout_height="match_parent"

        android:paddingTop="0dp"

        android:paddingLeft="150dp"

        android:orientation="vertical">

        <TextView

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="NASI KUNING"

            android:textSize="27dp"

            android:background="#ff0"

            />

        <TextView

            android:layout_width="239dp"

            android:layout_height="wrap_content"

            android:text="NASI KUNING adalah makanan khas yang berasal dari JAWA TIMUR yang sangat terkenal baik di nusantara maupun di dunia"

            android:textColor="#000"

            android:textSize="20dp" />

    </LinearLayout>

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

<android.support.v7.widget.CardView

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    app:cardCornerRadius="10dp"

    app:cardElevation="20dp"

    android:layout_marginLeft="10dp"

    android:layout_marginRight="10dp"

    android:layout_marginBottom="30dp"

    android:layout_marginTop="30dp"

    >

    <ImageView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:scaleType="center"

        android:src="@drawable/ns" />

<!--    ==========================-->

    <LinearLayout

        android:layout_width="wrap_content"

        android:layout_height="match_parent"

        android:paddingTop="0dp"

        android:paddingLeft="150dp"

        android:orientation="vertical">

        <TextView

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="NASI UDUK"

            android:textSize="27dp"

            android:background="#ff0"

            />

        <TextView

            android:layout_width="239dp"

            android:layout_height="wrap_content"

            android:text="NASI UDUK adalah makanan khas yang berasal dari JAWA TIMUR yang sangat terkenal baik di nusantara maupun di dunia"

            android:textColor="#000"

            android:textSize="20dp" />

    </LinearLayout>

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

<android.support.v7.widget.CardView

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    app:cardCornerRadius="10dp"

    app:cardElevation="20dp"

    android:layout_marginLeft="10dp"

    android:layout_marginRight="10dp"

    android:layout_marginBottom="30dp"

    android:layout_marginTop="30dp"

    >

    <ImageView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:scaleType="center"

        android:src="@drawable/r" />

<!--    ==========================-->

    <LinearLayout

        android:layout_width="wrap_content"

        android:layout_height="match_parent"

        android:paddingTop="0dp"

        android:paddingLeft="150dp"

        android:orientation="vertical">

        <TextView

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:text="RENDANG"

            android:textSize="27dp"

            android:background="#ff0"

            />

        <TextView

            android:layout_width="239dp"

            android:layout_height="wrap_content"

            android:text="RENDANG adalah makanan khas yang berasal dari sumatra barat yang sangat terkenal baik di nusantara maupun di dunia"

            android:textColor="#000"

            android:textSize="20dp" />

    </LinearLayout>

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

    </LinearLayout>

    </ScrollView>

</LinearLayout>

DAN HASILNYA SEPERTI BERIKUT

Read More

IMAGE VIEW

 KUIS 1 

IMAGE VIEW

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

    tools:context=".MainActivity">

    //Penempatan komponen

    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginBottom="10dp"

        android:background="@color/purple_500"

        android:padding="20dp"

        android:text="GAME SUPERCELL ID"

        android:textAlignment="center"

        android:textAllCaps="true"

        android:textColor="@color/white"

        android:textSize="20dp"

        android:textStyle="bold" />

    <ImageView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="60dp"

        android:scaleType="center"

        android:src="@drawable/super1" />

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:layout_marginTop="180dp"

        android:orientation="horizontal">

        <!--        -->

        <ImageView

            android:layout_width="90dp"

            android:layout_height="111dp"

            android:layout_marginTop="80dp"

            android:scaleType="center"

            android:src="@drawable/c1" />

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:layout_marginTop="80dp"

            android:orientation="vertical">

            <TextView

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:layout_marginBottom="10dp"

                android:background="@color/purple_500"

                android:text="Clash Of Clans"

                android:textAllCaps="true"

                android:textColor="@color/white"

                android:textSize="20dp"

                android:textStyle="bold" />

            <TextView

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:layout_marginBottom="10dp"

                android:text="Clash of Clans adalah permainan video strategi seluler freemium yang dikembangkan dan diterbitkan oleh pengembang permainan Finlandia, Supercell. Permainan ini dirilis untuk platform iOS pada 2 Agustus 2012"

                android:textAllCaps="true"

                android:textColor="#000"

                android:textSize="14dp"

                android:textStyle="bold" />

        </LinearLayout>

    </LinearLayout>

<!--        -->

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:layout_marginTop="340dp"

        android:orientation="horizontal">

        <ImageView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_marginTop="70dp"

            android:scaleType="center"

            android:src="@drawable/cr1" />

        <!--        -->

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:layout_marginTop="70dp"

            android:orientation="vertical">

            <TextView

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:layout_marginBottom="10dp"

                android:background="@color/purple_500"

                android:text="CLASH OF ROYALE"

                android:textAllCaps="true"

                android:textColor="@color/white"

                android:textSize="20dp"

                android:textStyle="bold" />

            <TextView

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:layout_marginBottom="10dp"

                android:text="Clash Royale merupakan gim strategi yang dimainkan secara realtime. Dirilis oleh Supercell pada 2 Maret 2016"

                android:textAllCaps="true"

                android:textColor="#000"

                android:textSize="14dp"

                android:textStyle="bold" />

        </LinearLayout>

    </LinearLayout>

        <!--        -->

    <!--        -->

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:layout_marginTop="490dp"

        android:orientation="horizontal">

        <ImageView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_marginTop="60dp"

            android:scaleType="center"

            android:src="@drawable/bw1" />

        <!--        -->

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:layout_marginTop="60dp"

            android:orientation="vertical">

            <TextView

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:layout_marginBottom="10dp"

                android:background="@color/purple_500"

                android:text="Brawl Stars "

                android:textAllCaps="true"

                android:textColor="@color/white"

                android:textSize="20dp"

                android:textStyle="bold" />

            <TextView

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:layout_marginBottom="50dp"

                android:text="Brawl Stars merupakan gim strategi yang dimainkan secara realtime. Dirilis oleh Supercell pada 15 Juni 2017"

                android:textAllCaps="true"

                android:textColor="#000"

                android:textSize="14dp"

                android:textStyle="bold" />

        </LinearLayout>

    </LinearLayout>

<!--        -->

</RelativeLayout>

Read More