CardView

                               CARD VIEW( MAKANAN INTERNASIONAL )

    Hai, kali ini aku akan membagikan code android studio yang dapat kita gunakan untuk membuat CARD VIEW.  Dalam pembuatan Card View kamu dapat menggunakannya dengan berbagai LAYOUT. Kamu dapat menggunakan Layout Constrain, Layout Relatif, Layout Linear. Disini aku menggunakan Linear Layout. Jika kita menggunakan Linear Layout maka harus disertai dengan orientasinya baik itu vertical ataupun horizontal. 

Untuk pemahaman lebih lanjutnya mengenai Layout kamu dapat mengunjungi baringinameh.blogspot.com disana akan ada penjelasan dalam penggunaan adroid studio yang lebih lengkap yang dapat kamu mengerti.

Code:

<?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"
    android:orientation="vertical"
    android:background="@color/material_dynamic_neutral90"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Makanan Internasinal"
        android:background="@color/material_dynamic_primary40"
        android:textColor="@color/white"
        android:padding="12dp"
        android:textSize="26dp"
        android:textAlignment="center"
        android:textStyle="bold"/>

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

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

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">
                ]
                <!--croissant-->
                <androidx.cardview.widget.CardView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="10dp"
                    app:cardCornerRadius="10dp"
                    app:cardElevation="10dp" >

                    <ImageView
                        android:layout_width="158dp"
                        android:layout_height="124dp"
                        android:padding="5dp"
                        android:src="@drawable/croissant" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="160dp"
                        android:text=" Croissant, Perancis "
                        android:background="@color/material_dynamic_primary50"
                        android:textColor="@color/white"
                        android:textSize="20dp"
                        android:textStyle="bold"/>

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="160dp"
                        android:layout_marginTop="30dp"
                        android:text=" Croissant merupakan makanan dari Perancis. Pastry atau kue kering ini memiliki bentuk menyerupai bulan sabit dengan rasa yang gurih dan renyah.  "
                        android:textSize="15dp"/>

                </androidx.cardview.widget.CardView>

                <!--sushi-->
                <androidx.cardview.widget.CardView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="10dp"
                    app:cardCornerRadius="10dp"
                    app:cardElevation="10dp" >

                    <ImageView
                        android:layout_width="158dp"
                        android:layout_height="134dp"
                        android:padding="5dp"
                        android:src="@drawable/sushi" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="160dp"
                        android:text=" Sushi, Jepang "
                        android:background="@color/material_dynamic_primary50"
                        android:textColor="@color/white"
                        android:textSize="20dp"
                        android:textStyle="bold"/>

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="160dp"
                        android:layout_marginTop="30dp"
                        android:text="   Makanan ini terbuat dari olahan nasi yang memiliki tekstur lembut dengan rasa yang masam.  Rasa nasi dipengaruhi oleh campuran cuka beras, garam dan gula.  "
                        android:textSize="15dp"/>

                </androidx.cardview.widget.CardView>

                <!--kebab-->
                <androidx.cardview.widget.CardView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="10dp"
                    app:cardCornerRadius="10dp"
                    app:cardElevation="10dp" >

                    <ImageView
                        android:layout_width="158dp"
                        android:layout_height="124dp"
                        android:padding="5dp"
                        android:src="@drawable/kebab" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="160dp"
                        android:text="  Kebab, Turki "
                        android:background="@color/material_dynamic_primary50"
                        android:textColor="@color/white"
                        android:textSize="20dp"
                        android:textStyle="bold"/>

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="160dp"
                        android:layout_marginTop="30dp"
                        android:text=" kebab awalnya berbahan dasar daging goreng setelah dimodifikasi sekarang bentuknya, yakni daging panggang atau bakar yang ditusuk memakai tusukkan."
                        android:textSize="15dp"/>

                </androidx.cardview.widget.CardView>

                <!--jerk chiken-->
                <androidx.cardview.widget.CardView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="10dp"
                    app:cardCornerRadius="10dp"
                    app:cardElevation="10dp" >

                    <ImageView
                        android:layout_width="158dp"
                        android:layout_height="124dp"
                        android:padding="5dp"
                        android:src="@drawable/jerkchiken" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="160dp"
                        android:text=" Jerk Chicken, Jamaika "
                        android:background="@color/material_dynamic_primary50"
                        android:textColor="@color/white"
                        android:textSize="20dp"
                        android:textStyle="bold"/>

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="160dp"
                        android:layout_marginTop="30dp"
                        android:text=" Jerk chicken sendiri pada dasarnya adalah sebuah gaya atau metode yang digunakan orang Jamaika dalam memasak daging. "
                        android:textSize="15dp"/>

                </androidx.cardview.widget.CardView>

                <!--gelato-->
                <androidx.cardview.widget.CardView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_margin="10dp"
                    app:cardCornerRadius="10dp"
                    app:cardElevation="10dp" >

                    <ImageView
                        android:layout_width="158dp"
                        android:layout_height="124dp"
                        android:padding="5dp"
                        android:src="@drawable/gelato" />

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="160dp"
                        android:text=" Gelato, Italia"
                        android:background="@color/material_dynamic_primary50"
                        android:textColor="@color/white"
                        android:textSize="20dp"
                        android:textStyle="bold"/>

                    <TextView
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="160dp"
                        android:layout_marginTop="30dp"
                        android:text=" Gelato merupakan istilah dari bahasa Italia yang memiliki makna “beku.” Es krim gelato bisa dikatakan sebagai makanan paling nikmat dan unik di dunia sehingga sangat berbeda dengan es krim pada umumnya"
                        android:textSize="15dp"/>
                </androidx.cardview.widget.CardView>

            </LinearLayout>
        </LinearLayout>

    </ScrollView>
</LinearLayout>

Ini dia hasil dari codingan kita diatas, ini contoh yang aku buat

masih simple ya guys, kamu dapat mengubahnya menjadi lebih menarik lagi sesuai 

dengan apa yang kamu inginkan.

Hasil: