Cara membuat TextView, EditText,Button di Android Studio

Cara membuat TextView, EditText,Button.


   Untuk Anda yang baru mengenal atau baru belajar Android Studio, anda bisa mempelajari beberapa komponen Android studio dan properti  yang harus di pelajari terlebih dahulu di antaranya: 

1. TextView
<TextView
        android:id="@+id/predatorcode"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="PREDATOR CODE" />

2. EditText
<EditText
        android:id="@+id/predatorcode"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:hint="PREDATOR CODE" />

3. Button
   <Button
        android:id="@+id/predatorcode"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="PREDATOR CODE" />

- Pertama yang harus di lakukan adalah buka terlebih dahulu Android Studio, dan di dalam Android Studio ada beberapa file yang akan di tampikan di Antaranya: MainActivity.javaactivity_main.java dan beberapa file lainnya.
- Berhubung kita hanya untuk membuat tampilan TextView,EditText, dan Button kita hanya perlu Edit sedikit di file yang namanya activity_main.xml kemudian Anda  cari file activity_main.xml lalu anda buka



Coba anda Edit activity_main.xml dan untuk file MainActivity.java tidak perlu Anda Edit tapi akan saya perlihatkan kepada Anda code di MainActivity.java
Setelah Anda Edit code di  bawah ini sesuai nama file lalu coba Run dan lihat hasilnya:

1. Text View

MainActivity.java

package com.example.myapplication;

import android.app.Activity;
import android.os.Bundle;
import com.example.myapplication.R;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

    }

}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <TextView
        android:id="@+id/predatorcode"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="PREDATOR CODE" />
</LinearLayout>

Hasil :




2. Edit Text

MainActivity.java

package com.example.myapplication;

import android.app.Activity;
import android.os.Bundle;
import com.example.myapplication.R;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

    }

}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"   android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <EditText
        android:id="@+id/predatorcode"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:hint="PREDATOR CODE" />
</LinearLayout>

Hasil :



3. Button

MainActivity.java

package com.example.myapplication;

import android.app.Activity;
import android.os.Bundle;
import com.example.myapplication.R;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

    }

}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <Button
        android:id="@+id/predatorcode"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="PREDATOR CODE" />
</LinearLayout>

Hasil :

Untuk mempelajari lebih lanjut bisa baca artikel lainnya  Disini