Image View

Kuis 1(Image View)

Kamis, 09 Februari 2023

      Image View dalam  android studio kita gunakan untuk menampilkan atau memunculkan gambar yang akan kita tampilkan di layar. Jika kita tidak membuat image view di dalam code kita, maka gambar yang kita inginkan tidak akan muncul. Gambarnya terlebih dahulu dapat kita simpan di dalam drawable yang ada didalam file res, kemudian baru dapat kita panggil menggunakan image view.  Untuk Penggunaannya kamu dapat melihat code yang telah aku buat dibawah, kamu dapat mencontohnya dan memodifikasinya sesuai dengan apa yang kamu inginkan.

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

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/design_default_color_secondary_variant"
        android:padding="8dp"
        android:text="Menu Minuman"
        android:textColor="@color/white"
        android:textAlignment="center"
        android:textSize="25dp"
        android:textStyle="bold" />

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_marginTop="52dp"
        android:src="@drawable/header" />

    <ImageView
        android:layout_width="167dp"
        android:layout_height="120dp"
        android:layout_marginTop="115dp"
        android:src="@drawable/milkshake" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="165dp"
        android:layout_marginTop="115dp"
        android:background="@color/material_dynamic_primary40"
        android:text="Milkshake"
        android:textColor="@color/white"
        android:textSize="20dp"
        android:textStyle="bold" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="163dp"
        android:layout_marginTop="143dp"
        android:text="Rasa : Strawberry Milkshake, Chocolate Milkshake, Banana Milkshake"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="165dp"
        android:layout_marginTop="180dp"
        android:text="Harga: 15.000"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="165dp"
        android:layout_marginTop="200dp"
        android:text="Spesifik: Manis"/>

    <ImageView
        android:layout_width="167dp"
        android:layout_height="120dp"
        android:layout_marginTop="245dp"
        android:src="@drawable/iceblend" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="245dp"
        android:layout_marginLeft="165dp"
        android:background="@color/material_dynamic_primary40"
        android:text="Iceblend"
        android:textColor="@color/white"
        android:textSize="20dp"
        android:textStyle="bold" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="163dp"
        android:layout_marginTop="273dp"
        android:text="Rasa :  Ice Blend Coffee, Ice Blend Strawberry Javachip, Ice Blend Cookies Cream"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="165dp"
        android:layout_marginTop="325dp"
        android:text="Harga: 18.000"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="165dp"
        android:layout_marginTop="340dp"
        android:text="Spesifik: Manis"/>

    <ImageView
        android:layout_width="154dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:layout_marginTop="365dp"
        android:src="@drawable/fruittea" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="165dp"
        android:layout_marginTop="380dp"
        android:background="@color/material_dynamic_primary40"
        android:text="Fruittea"
        android:textColor="@color/white"
        android:textSize="20dp"
        android:textStyle="bold"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="163dp"
        android:layout_marginTop="410dp"
        android:text="Rasa : Lychee Tea, Sour Plum Tea, Blackcurrant Tea"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="165dp"
        android:layout_marginTop="445dp"
        android:text="Harga: 20.000"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="165dp"
        android:layout_marginTop="465dp"
        android:text="Spesifik: Manis, asam"/>

</RelativeLayout>

Berikut hasil dari code diatas jika projek kita jalankan :