Kali ini kami akan mencoba untuk membagikan artikel tentang membuat ToDO list di android, kami akan menggunakan android studio. Jika anda belum menginstal android studio silahkan baca artikel ini.

Membuat ToDo list di Android

Tutorial Membuat ToDo List di Andorid

Kami akan mencoba menjelaskan secara mendetail proses pembuatan ToDO list, jika dalam tahap pembuatan anda mengalami error, anda dapat meninggalkan komentar pada artikel ini.

Membuat Proyek Baru

Di artikel Membuat ToDo List di Andorid kami akan membuat proyek baru dengan nama ToDoList.

Membuat ToDo List di Andorid

klik next, lalu untuk pemilihan API, pilih yang API 21 : Android 5.0 (Lollipop)

setelah itu pilih saja No Activity. Baik, kita sudah membuat proyek baru dengan No Activity.

Membuat Class baru

Kita akan membuat java class baru, dimana java class ini akan kita ubah menjadi activity. Berikut langkah-langkah pembuatan class baru, pada struktur proyek disebelah kiri, pilih java > nama package lalu klik kanan new > java class. Kami menyimpannya dengan nama Todo

Membuat Class baru

setelah itu, salin dan masukan kode dibawah ini kedalam class anda.

package com.tukangaplikasi.todolist;

import android.support.v7.app.AppCompatActivity;
        import android.os.Bundle;

public class Todo extends AppCompatActivity {

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

saat ini anda akan menemukan error di bagian setContentView, karena layout todo.

Membuat Layout baru

Untuk membuat layout baru anda dapat melakukannya seperti ini di folder res klik kanan new > Android Resource File. Lalu akan muncul popup, silahkan anda isi.

Membuat Layout baru

Perhatikan : Resource Type pilih Layout. Error pada Todo.class pasti sudah hilang sekarang.

Merubah file AndroidManifest.xml

Kita sudah membuat java class dan layout, selanjutnya kita akan mendaftarkan java class yang kita buat sebagai activity default. Buka AndroidManifest.xml anda yang terletak di dalam folder manifests. Lalu salin dan masukan kode dibawah ini kedalam AndroidManifest.xml milik anda.

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    package="com.tukangaplikasi.todolist"> //Ganti dengan nama package anda

    <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"
        tools:ignore="GoogleAppIndexingWarning">

        <activity android:name=".Todo"
            android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>
</manifest>

Membuat ToDo List di Andorid

Tahap-tahap diatas merupakan awalan jika kita ingin membuat activity secara manual, sekarang kita baru akan membuat Membuat ToDo List di Android.

Pertama kita mengedit layout yang sudah kita buat sebelumnya

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

    <ListView
        android:id="@+id/ToDoList"
        android:layout_width="wrap_content"
        android:layout_height="300dp"
        android:layout_marginBottom="30dp">
    </ListView>

    <EditText
        android:layout_marginStart="30dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/etNewItem"
        android:hint="Tambah item Baru"
       android:layout_below="@id/ToDoList"
        android:layout_alignParentStart="true"
        />

    <Button
        android:layout_marginEnd="30dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Tambah Item"
        android:id="@+id/btnAddItem"
        android:layout_below="@id/ToDoList"
        android:layout_alignParentEnd="true"
         />
</RelativeLayout>

hasil dari xml layout di atas seperti ini

Membuat ToDoList

selanjutnya kita akan mengubah java class yang juga sudah kita buat sebelumnya. Ubah java class menjadi seperti ini

public class Todo extends AppCompatActivity {

    private ArrayList<String> items;
    private ArrayAdapter<String> itemsAdapter;
    private ListView lvItems;
    Button btnAddItem;
    EditText etNewItem;


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

        lvItems = findViewById(R.id.ToDoList);
        items = new ArrayList<String>();
        itemsAdapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, items);
        lvItems.setAdapter(itemsAdapter);
        //Penambahan secara manual
        items.add("Mandi");
        items.add("Sarapan");
    }
}

di bagian

items = new ArrayList<String>();        
itemsAdapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, items);
lvItems.setAdapter(itemsAdapter);

kita menggunakan mensetting ArrayAdapter untuk listview kita.

dan kode dibawah ini merupakan cara untuk menambahkan item ke dalam listview kita.

items.add("Mandi");
items.add("Sarapan");

jadi , kalau anda jalankan sekarang, aplikasi kita akan seperti ini

Membuat ToDo List

Item yang ditambahkan lewat kode sudah muncul.

Menambahkan item ToDo List lewat Form

Untuk menambahkan item ToDo list lewat form, kita akan menggunakan onCLickListener pada bagian tombol. Lalu, didalam onCLickListener kita akan mengambil nilai atau value dari EditText. Seperti ini

btnAddItem.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                String itembaru = etNewItem.getText().toString();
                Log.d("TAG", itembaru);
            }
});

diatas hanya sekedar memunculkan data di Log, sekarang akan mencobanya untuk menambahkan hasil inputan kedalam ListView. Caranya seperti ini

        btnAddItem.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                String itembaru = etNewItem.getText().toString();
                //Menambahkannya ke dalam arraylist
                items.add(itembaru);
                itemsAdapter.notifyDataSetChanged();
                //Mengosongkan EditText
                etNewItem.setText("");
            }
        });

Hasilnya seperti ini

Menambahkan ToDo List lewat Form

Menghapus item ToDo List

Untuk menghapus kita akan menggunakan remove(). Jadi triggernya seperti ini, ketika kita menekan lama pada item, item tersebut akan terhapus. Seperti ini kodenya

    lvItems.setOnItemLongClickListener(
                new AdapterView.OnItemLongClickListener() {
                    @Override
                    public boolean onItemLongClick(AdapterView<?> adapter,
                                                   View item, int pos, long id) {
                        // Hapus item sesuai posisi.
                        items.remove(pos);
                        // Refresh adapter
                        itemsAdapter.notifyDataSetChanged();

                        return true;
                    }

                });

dan hasilnya seperti ini

Menghapus item ToDo List

Silahkan anda download SourceCode nya disini.

Sekian artikel tentang Membuat ToDo List di Android, semoga bermanfaat. Share artikel ini agar teman-teman kalian tahu juga cara Membuat ToDo List di Android.

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Kami memberikan tutorial baru tiap harinya !!!

You have Successfully Subscribed!