Thursday, September 12, 2019

Cara Menggunakan Android Studio

       Pada kesempatan kali ini akan membahas fungsi pada Android Studio, langsung saja ke pembahasan langsung tanpa basa basi lagi :v

1. Menggunakan Colors.xml

     colors.xml digunakan untuk mengedit warna (background, teks, image, dll) pada aplikasi android yang kita buat. File colors.xml terdapat di folder values.
langsung aja kita praktekan sekarang
    1. Klik colors.xml
    2. Edit kode-kodenya menjadi seperti dibawah ini
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>


    <color name="teks">#006400</color>
    <color name="tombol">#8B0000</color>

</resources>

    3. Setelah di edit tampilannya kurang lebih seperti gambar berikut :
    4. Buka activity_main.xml kemudian tambahkan kode-kode dibawah ini :
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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="badoystudio.com.projectpertama.MainActivity">

    
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Ini Adalah Teks"
        android:textSize="40sp"
        android:textColor="@color/teks"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    

</android.support.constraint.ConstraintLayout>
    5. Maka hasilnya akan seperti ini
    6. Kesimpulan : kode warna yang kita tambahkan pada file colors.xml nantinya akan bisa kita gunakan pada layout atau activity lain. Contoh diatas adalah warna dengan name = teks dengan kode warna hexadesimal #006400 (hijau) kita dipanggi id nya pada activity_main.xml untuk memberikan warna teks pada komponen TextView.
    7. Coba anda aplikasikan warna dengan name = tombol. Tambahkan komponen Button kemudian beri warna menggunakan id warna pada color.xml yan sudah ditambahkan di atas.

2. Menggunakan Strings.xml

     Strings.xml digunakan untuk menampilkan teks yang akan kita masukan pada apilasi android. Cara penggunannya yaitu :
     1. Klik File strings.xml yang terdapat pada values
     2. Tambahkan kode-kode berikut ini
<resources>
    <string name="app_name">projectpertama</string>

    <string name="judul">Ini adalah judul dari String </string>
</resources>

     3. Edit komponen TextView pada activity_main.xml menjadi seperti dibawah :
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/judul"
    android:textSize="30sp"
    android:textColor="@color/teks"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

     4. Lihat hasilnya, maka teks yang akan ditampilkan adalah "ini judul dari string". Megnapa demikian karena kita telah memanggil id judul yang sudah kita tambahkan pada string di atas dengan kode android:text=:@string/judul". dan yang disarankan pada saat menampilkan teks adalah cara seperti ini.

3. Fungsi Drawable

     Bagaimana caranya memasukan gambar dari komputer kita ke android studio ? caranya sangat mudah yaitu :
    1. Klik kanan folder drawable
    2. Pilih Show in Explorer

    3. Copykan gambar pada folder drawable


    4. Sekarang buka activity_main.xml tambahkan komponen ImageView : 
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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="badoystudio.com.projectpertama.MainActivity">


    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/android"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>
    5. Maka hasilnya

    6. Kesimpulan : pada komponen ImageView  kita menggunakan kode android:src"@drawable/android" untuk menambahkan gambar yang sudah dimasukan pada drawable. Silahkan anda masukan gambar yang lain ke drawble dan coba panggil di layout yang sudah dibuat menggunakan komponen ImageView


Mungkin untuk tutorial cara menggunakan Android Studio kali ini saya rasa cukup.  Semoga Bermanfaat Jangan lupa untuk melihat Tutorial lainya di Blog dan Channel Saya. TERIMA KASIH

No comments:

Post a Comment