TUTORIAL MENAMPILKAN TEKS BERWARNA PADA APLIKASI

ANDROID

Disusun Oleh :

Nama : Malikul mulki

Kelas : XII RPL (B)
Semester : 5 (Lima)
Tahun Pelajaran : 2015/2016
Program Keahlian : Rekayasa Perangkat Lunak

SMK NEGERI 3 PALU

Jl.Tanjung Santigi No. 19 Palu, Kec. Palu Selatan 94112 | Tlp. (0451) 422192-456397
Email: smk3palu_2007@yahoo.co.id

Laporan Pemrograman Android Halaman: 1

 Saya akan memberikan tutorial membuat teks berwarna pada aplikasi android. Akan tetapi,
dalam pembuatan teks perangkat android, diperlukan beberapa tools atau aplikasi untuk membantu
proses pembuatannya. Terlebih dalam membuat aplikasi pada platform android, untuk membuat
sebuah aplikasi android. Sebelumnya anda sudah harus menginstal beberapa aplikasi berikut :

JDK (Java),

Android SDK,

AVD (Android Virtual device)

Eclipse

Berikut ini adalah langkah langkah dalam pembuatan teks berwarna tersebut :

1. Buka aplikasi Eclipse.

Laporan Pemrograman Android Halaman: 2

 2. Selanjutnya buat project baru klik File=> New (Alt+Shift+N)=> Project.

3. Kemudian pilih Android Project=> Next.

Laporan Pemrograman Android Halaman: 3

 4. Isikan Project Name sesuai keinginan Anda contoh Laporan_android=> Next.

5. Pilih lokasi penyimpanan project. Karena ini adalah project baru maka pilih Create Project in
Workspace. Tanda checkbox Create new Project in Workspace.

Laporan Pemrograman Android Halaman: 4

 6. Selanjutnya klik Ceklis Build target Android 2.2 => Next.

7. Lalu isi Application Name-nya sesuai yang kita inginkan Contoh Laporan_android dan ubah
Package Name-nya dengan menambah com. Menjadi com.Laporan_android. Setelah itu klik
tombol Finish.

Laporan Pemrograman Android Halaman: 5

 8. Cara Pertama kita akan mengganti warna teks aplikasi android dengan cara buka folder
Laporan android res layout double klik main.xml sehingga muncul tampilan
seperti berikut.

Laporan Pemrograman Android Halaman: 6

 9. Setelah itu, kita drag tulisan TextView ke dalam kotak dialog, lalu kita edit tulisan TextView
dengan cara klik F2 lalu ketik akan diganti teks yang kita kehendaki, setelah itu klik OK.

10. Setelah muncul tampilan di atas, kita akan mencoba untuk menjalankan (me-running-kan)
dengan cara klik package folder yang telah kita buat, lalu klik menu Run lalu klik Run atau F11,
sehingga muncul tampilan seperti ini.

Laporan Pemrograman Android Halaman: 7

 11. Cara kedua dengan menggunakan xml, pertama kita buka folder values double klik
string.xml, lalu masukkan kode xml seperti di bawah ini yang berfungsi untuk mendeklarasikan
nilai dalam sebuah variabel.

12. Selanjutnya, buka folder layout lalu double klik pada main.xml , lalu ketikkan kode xml, sehingga
menjadi seperti di bawah ini.

Laporan Pemrograman Android Halaman: 8

 13. Maka hasilnya akan seperti berikut.

14. Untuk Mewarnai teks maka ketikan Scrip berikut:

Laporan Pemrograman Android Halaman: 9

 15. Maka hasilnya akan sebagai berikut

16. Sekarang Saya akan membuat text berwarna Biodataku dengan Script sebagai berikut:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="||====================================||"
android:textColor="#ffff2200"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft ="true"
android:layout_alignParentTop="true"
android:text="|| BIODATA KU
||"
android:textColor="#00f"
android:gravity="center"
android:textSize="21px"
/>
<TextView

Laporan Pemrograman Android Halaman: 10

 android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="||====================================||"
android:textColor="#ffff6600"
/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="||Nama : Malikul mulki
||"
android:textColor="#ff0"

/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="||Alamat : Jl. Bangau Putih No 7
||"
android:textColor="#f00"
/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="||TTL : Palu, 11 Oktober 1998
||"
android:textColor="#0f0"
/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="||P.Keahlian : Rekayasa Perangkat Lunak
||"
android:textColor="#0ff"
/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="||Agama : Islam
||"
android:textColor="#fff"
/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="||J. Kelamin : Laki-laki
||"
android:textColor="#f0f"
/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="||====================================||"
android:textColor="#cccc2200"
/>
</LinearLayout>

Laporan Pemrograman Android Halaman: 11

 17. Hasilnya Sebagai berikut:

Penutup
Terima kasih, semoga apa yang saya tuliskan dapat bermanfaat untuk pembaca sekalian
dan dapat dikembangkan lagi dengan kasus yang berbeda. Dan semoga dapat
menginspirasi pembaca sekalian untuk dapat ikut juga menulis, supaya ilmu yang telah
diamanahkan dapat bermanfaat untuk orang banyak.

===Malikul Mulki===

Laporan Pemrograman Android Halaman: 12