Cara Pindah dari Satu Layout ke Layout Lain | Android Studio

Hai guys, kali ini say mau sedikit berbagi lagi tentang cara pindah dari satu layout ke layout lain di Android Studio. Hal seperti biasa disebut dengan istilah Intent. Intent adalah suatu kode dalam program yang ditujukan untuk berpindah dari satu actifity ke actifity lain, seperti pada gambar di atas. Agar bisa pindah dari satu layout ke layout lain tentunya kalian perlu menambah layout sendiri. Ok langsung saja ke pembahasan.

1. Pertama kalian buka Android Studio dan buat aplikasi seperti biasa, lalu pilih yang "Empty Activity".

2. Setelah masuk dalam aplikasinya, buka activity_main.xml, pilih text dan copy-paste kode di bawah ini.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/holo_blue_dark">

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="18dp"
        android:text="guankode.blogspot.com"
        tools:layout_editor_absoluteX="117dp"
        tools:layout_editor_absoluteY="66dp" />

    <Button
        android:id="@+id/ke_layout_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:layout_below="@+id/textView2"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="159dp"
        android:text="Ke Layout 2"
        tools:layout_editor_absoluteX="138dp"
        tools:layout_editor_absoluteY="231dp" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="16dp"
        android:text="Layout Utama"
        android:textColor="@android:color/black"
        android:textSize="60px"
        android:theme="@style/Base.DialogWindowTitle.AppCompat"
        tools:layout_editor_absoluteX="99dp"
        tools:layout_editor_absoluteY="16dp" />

</RelativeLayout>

3. Setelah itu buat layout baru dengan nama layout_2.xml dan copy-paste kode di bawah ini.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/holo_green_dark">

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="18dp"
        android:text="guankode.blogspot.com"
        tools:layout_editor_absoluteX="117dp"
        tools:layout_editor_absoluteY="66dp" />

    <Button
        android:id="@+id/ke_layout_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView2"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="159dp"
        android:text="Ke Layout 1"
        tools:layout_editor_absoluteX="138dp"
        tools:layout_editor_absoluteY="231dp" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="16dp"
        android:text="Layout Kedua"
        android:textColor="@android:color/black"
        android:textSize="60px"
        android:theme="@style/Base.DialogWindowTitle.AppCompat"
        tools:layout_editor_absoluteX="99dp"
        tools:layout_editor_absoluteY="16dp" />

</RelativeLayout>

4. Sekarang masuk ke bagian java, buka MainActivity.java dan sesuaikan kodenya seperti di bawah ini.

package com.blogspot.guankode.intent;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity{

    Button tombol;
    Intent pindah;

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

        tombol = (Button)findViewById(R.id.ke_layout_2);

        tombol.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //kode untuk pindah ke actifity lain
                pindah = new Intent(MainActivity.this, Layout_2.class);
                startActivity(pindah);
                //saat pindah, activity yg sekarang langsung ditutup
                //agar saat menekan tombol kembali tidak bolak-balik
                finish();
            }
        });

    }
}

5. Buat file java baru dengan nama Layout_2.java, dan sesuaikan kodenya seperti di bawah ini.

package com.blogspot.guankode.intent;

import android.content.Intent;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;

public class Layout_2 extends AppCompatActivity {

    Button tombol;
    Intent pindah;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //mengarah ke layout_2.xml
        setContentView(R.layout.layout_2);

        tombol = (Button)findViewById(R.id.ke_layout_1);

        tombol.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //kode untuk pindah ke actifity lain
                pindah = new Intent(Layout_2.this, MainActivity.class);
                startActivity(pindah);
                //saat pindah, activity yg sekarang langsung ditutup
                //agar saat menekan tombol kembali tidak bolak-balik
                finish();
            }
        });
    }
}

6. Terakhir kita daftarkan activity yang telah kita buat. Buka AndroidManifest.xml dan tambahkan kode <activity android:name=".Layout_2"></activity> hingga nanti akan terlihat seperti di bawah ini.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.blogspot.guankode.intent">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

        <activity android:name=".Layout_2"></activity>
    </application>

</manifest>

Untuk lebih memastikan lagi, struktur akhir akan seperti gambar di bawah ini.

Setelah selesai dan semua sudah dirasa benar, silahkan jalankan aplikasinya dan nanti aplikasinya akan nampak seperti video berikut ini.

Sekian dulu untuk tutorial sederhana kali ini. Untuk yang mau mendownload source codenya bisa di cek di link di bawah. Semoga artikel ini bisa memberi manfaat bagi kita semua. Amiin

Download : Cara Pindah ke Layout Lain