Pages

Thursday, 16 February 2023

Membuat CardView dan Scroll Di Andoid Studio


JIka kamu ingin membuat card view di saran kan untuk menggunakan Linear Layout 

Berikut Kodingannya


<?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:padding="10dp"
android:orientation="vertical"
android:background="?android:attr/windowBackground"
tools:context=".MainActivity">


<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Sate Sate Yang Terkenal Di indonesia"
android:background="#03A9F4"
android:textStyle="bold"
android:textSize="25dp" />

<ScrollView
android:layout_width="match_parent"
android:layout_height="500dp"
android:layout_margin="10dp"
app:layout_constraintTop_toTopOf="parent">

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


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

<ImageView
android:layout_width="138dp"
android:layout_height="134dp"
android:padding="5dp"
android:src="@drawable/gambar"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Sate Madura"
android:background="#04B1FF"
android:textStyle="bold"
android:textSize="20dp"
android:layout_marginLeft="130dp"
android:layout_marginTop="5dp"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Sate Madura Adalah Sate yang berasal dari madura"
android:textSize="15dp"
android:layout_marginLeft="130dp"
android:layout_marginTop="30dp"/>
</androidx.cardview.widget.CardView>

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

<ImageView
android:layout_width="131dp"
android:layout_height="134dp"
android:padding="5dp"
android:src="@drawable/gambar1" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Sate Thaichan"
android:background="#04B1FF"
android:textStyle="bold"
android:textSize="20dp"
android:layout_marginLeft="130dp"
android:layout_marginTop="5dp"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Rasa sate taichan lebih gurih dan juicy dibandingkan sate biasa. Sate biasa mempunyai cita rasa yang kompleks, di mana ada rasa manis, asin, dan pedasnya."
android:textSize="15dp"
android:layout_marginLeft="130dp"
android:layout_marginTop="30dp"/>



</androidx.cardview.widget.CardView>

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

<ImageView
android:layout_width="127dp"
android:layout_height="134dp"
android:padding="5dp"
android:src="@drawable/gambar2" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Sate Padang"
android:background="#04B1FF"
android:textStyle="bold"
android:textSize="20dp"
android:layout_marginLeft="130dp"
android:layout_marginTop="5dp"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Ciri khas sate Padang adalah bumbunya berwarna kuning dan kental.Sate ini terbagi dua jenis tergantung rasa saus bumbunya, yakni Padang Pariaman dan Padang Panjang (lebih pedas). "
android:textSize="15dp"
android:layout_marginLeft="130dp"
android:layout_marginTop="30dp"/>
</androidx.cardview.widget.CardView>

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

<ImageView
android:layout_width="131dp"
android:layout_height="134dp"
android:padding="5dp"
android:src="@drawable/gambar4" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Sate Bali"
android:background="#04B1FF"
android:textStyle="bold"
android:textSize="20dp"
android:layout_marginLeft="130dp"
android:layout_marginTop="5dp"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Mulai dari daging dan jenis tusuknya, sate di Bali tampak unik banget. Dagingnya dicincang terlebih dahulu sebelum dililitkan ke tusukan bambu pipih."
android:textSize="15dp"
android:layout_marginLeft="130dp"
android:layout_marginTop="30dp"/>



</androidx.cardview.widget.CardView>
</LinearLayout>
</ScrollView>
</LinearLayout>

Hasil Akan Seperti Berikut


0 comments:

Post a Comment