Cara Penerapan Widget TextView di Android Studio


Assalamualaikum Warahmatullahi Wabarakatuh. Untuk kalian yang sedang mempelajari dasar-dasar pemrograman android, kita akan memulainya dengan materi Cara Penerapan Widget TextView di Android Studio. Lalu Apa Itu TextView?, TextView adalah salah satu widget yang digunakan untuk menampilkan Text ataupun angka serta simbol lainnya.


Selain menampilkan text, kita juga dapat menambahkan beberapa atribut, seperti warna font, ukuran, stye, dll.

Biasanya setelah kita membuat sebuah activity, secara otomatis TextView tersebut akan langsung terlihat, tapi disini kita akan membuatnya secara manual.

Cara Penerapan Widget TextView di Android Studio

1) Buat Project Baru Pada Android Studio, setelah itu buka file activity_main.xml pada direktori app > res > layout.

2) Untuk memasukan TextView kedalam layout kita, caranya kalian bisa mendragnya secara langsung dan sesuaikan posisinya,

WildanTechnoArt-Drag and Drop Widget TextView

3) untuk mengatur text, warna, ukuran dan lainnya, klik TextView tesebut, di sebelah kanan terdapat menu attributes yang digunakan untuk mengatur artibut pada widget.

WildanTechnoArt-Atribut pada Widget TextView

4) Selain drag & drop, kalian dapat membuat serta mengatur widget TextView dengan menggunakan kode xml, seperti berikut ini:

<?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="android.cianjur.developer.net.basicandroid.MainActivity">

    <TextView
        android:id="@+id/nama"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="WIldan M Athoillah"
        android:textColor="#000000"
        android:textSize="18sp"
        android:textStyle="bold" />
</RelativeLayout>

Coba kalian perhatikan, disana saya sudah memasang beberapa atribut, seperti ID(android:id), lebarLayout(android:layout_width), tinggiLayout(android:layout_height), text(android:text), warna(android:textColor), ukuran(android:textSize) dan style(android:Style).

android:layout_centerHorizontal="true" dan android:layout_centerVertical="true" digunakan supaya textView berada di tengah layar/layout.

5) Sebelumnya jika kita membarikan atribut pada TextView menggunakan kode xml, selain itu kita bisa mengatur atribut-atributnya  secara programatik menggunakan java, coba kalian buka file MainActvity.java, lalu masukan source code berikut ini:

package android.cianjur.developer.net.basicandroid;

import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    private TextView Nama; //Variable Dari TextView

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Nama = findViewById(R.id.nama); // Mengakses Sebuah ID pada Widget TextView
        Nama.setText("Wildan Muhammad Athoillah"); // Untuk Menampilkan Text
        Nama.setTextColor(Color.parseColor("#000000")); // Untuk Mengganti Warna Font
        Nama.setTextSize(18); // Mengatur Ukuran Font
    }
}

6) Terakhir coba kalian jalankan project tersebut, langsung pada ponsel atau menggunakan emulator.

Demo
Screenshot_TextView Example

Sekian dari saya, mohon maaf bila ada kesalahan, jika ada yang ingin kalian tanyakan silakan melalui komentar dibawah, terakhir dari saya, Wassalamualaikum Warahmatullahi Wabarakatuh.

Wildan M Athoillah
Wildan M Athoillah Blogger dan spesialis pembuat aplikasi android.