Skip to main content

card View

Image
By Syaid Alfarishi

 Tutorial membuat card view makanan


hia disini saya akan mengajarkan mengenai card view beserta dengan scrollview , disini saya menyediakan codingan berserta hasil result nya


CODINGAN : 

<?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="Syaid Alfarishi"

            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_marginTop="10dp"

    android:layout_marginLeft="10dp"

    android:layout_marginRight="10dp"

    android:layout_marginBottom="30dp">


    <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:text="About Kami"

        android:textStyle="bold"

        android:textSize="25dp"

        android:padding="10dp"/>


    <TextView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:padding="10dp"

        android:text="kami menyediakan banyak produk yang sangat menarik yang dapat anda lihatr"

        android:textSize="25dp" />


    </LinearLayout>


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


    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:paddingTop="160dp"

        android:paddingLeft="30dp"

        android:orientation="horizontal">


        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="share"

            android:textSize="25dp" />


        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textColor="@color/teal_200"

            android:text="Learn More"


            android:textSize="25dp"

            android:paddingLeft="10dp"/>

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

    <ImageView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:scaleType="center"

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





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


    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:paddingTop="160dp"

        android:paddingLeft="30dp"

        android:orientation="vertical">


        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="nasi padang"

            android:textSize="27dp" />


        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textColor="#000"

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

            android:textSize="20dp"

            />

    </LinearLayout>


    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:paddingTop="300dp"

        android:paddingLeft="30dp"

        android:orientation="horizontal">


        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="share"

            android:textSize="25dp" />


        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textColor="@color/teal_200"

            android:text="Learn More"


            android:textSize="25dp"

            android:paddingLeft="10dp"/>

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


    <ImageView

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:scaleType="center"

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


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


    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:paddingTop="160dp"

        android:paddingLeft="30dp"

        android:orientation="vertical">


        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="sate Madura"

            android:textSize="27dp" />


        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textColor="#000"

            android:text="adalah sate yang sangat terkenal dan mendunia , sate madura terkenal di madura maupun di indonesia"

            android:textSize="20dp"  />

    </LinearLayout>


    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:paddingTop="300dp"

        android:paddingLeft="30dp"

        android:orientation="horizontal">


        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="share"

            android:textSize="25dp" />


        <TextView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:textColor="@color/teal_200"

            android:text="Learn More"


            android:textSize="25dp"

            android:paddingLeft="10dp"/>

    </LinearLayout>

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




    </LinearLayout>

    </ScrollView>

</LinearLayout>




HASIL : 











sekian sajalah hasil dari ugas projek yang saya buat


Syaid Alfarishi

XI RPL 2


label

Comments

Post a Comment

Popular posts from this blog

Java Script - Program Hello World

By Syaid Alfarishi
 Program Hello World sebelumnya kita telah mempersiapkan beberapa alat untuk memulai kode pertama kita , sekarang kita perlu untuk memulainya dengan menampilkan tulisan "Hello World" ke layar menggukan kode yang kita buat ●kita bisa menyisipkan kode java script ke dalam file html langkah langkah 1. buka Teks Editor / ide anda 2.buat sebuah file dengan ekstenti .html 3. kemudia buatah sebauah teks standar dari html 4 . pada tag <body> </body> sisipkan teks script . pastikan anda menulis kodenya benar  5. kumidian anda tekan pada keyboard CTRl + S untuk save kode anda 6. pergi ke file manager di tempat anda menyimpan file tersebut , kemudian anda buka file terseut 7. dan di browser akan tampilakan seperti ini SELAMAT . dengan begitu makan anda sudah berhasil menampilkan hasil kode anda di browser
Post a Comment
Baca Selengkapnya

Review Website Petani Kode

By Syaid Alfarishi
Petani kode  Siapa sih yang tidak mengenal petani kode adalah sebuah website yang cukup ternama yang menyediakan beberapa tutorial mengenai dunia teknologi terutamanya yang berhubungan dengan coding Awal Berdirinya Petani Kode  pendiri Petani kode ini awalnya didirikan oleh Ahmad muhardian atau yang sering dikenal dengan Dian sekaligus sekarang sebagai co founder dari petani kode Tahun Berdiri Petani kode ini didirikan oleh Dian pada tahun 2013-2014 awalnya Dian adalah seorang mahasiswa teknik informatika yang juga mempelajari ilmu coding akhirnya ia juga kepikiran untuk membagikan ilmu yang telah Ia pelajari kepada orang lain dari situlah ia berniat mendirikan sebuah website yang memberikan tutorial dan pelajaran mengenai hal-hal di dunia it terutama di bidang web filosofi Awalnya Mas Dian ini cukup ragu untuk memberikan nama pada sebuah websitenya akhirnya ia terinspirasi oleh petani karena ia merasa bahwa petani adalah sebuah pekerjaan yang mulia kemudian ia memberi nama websitenya
Post a Comment
Baca Selengkapnya

FullStack JavaScript

By Syaid Alfarishi
 Fullstack JavaScript Pengertian Fullstack JavaScript adalah sebuah konsep pengembangan aplikasi web yang menggunakan JavaScript sebagai bahasa pemrograman di bagian client-side dan server-side. Dalam konsep ini, JavaScript digunakan sebagai bahasa pemrograman utama di seluruh stack aplikasi web. Pada client-side, JavaScript digunakan untuk mengatur tampilan dan interaksi pengguna pada browser. Sedangkan pada server-side, JavaScript digunakan untuk mengatur logika bisnis, koneksi ke database, dan menyediakan API untuk client-side. Dalam pengembangan web fullstack JavaScript, beberapa teknologi yang biasa digunakan antara lain: Node.js: sebuah runtime JavaScript yang berjalan pada server-side Express.js: sebuah framework Node.js yang digunakan untuk membangun aplikasi web MongoDB: sebuah database NoSQL yang menggunakan format JSON untuk menyimpan data React: sebuah library JavaScript untuk membangun antarmuka pengguna pada client-side Kombinasi teknologi tersebut memungkinkan p
Post a Comment
Baca Selengkapnya