Pada umumnya aplikasi android memiliki action bar (app bar/ toolbar). Biasanya dalam toolbar terdapat nama (title) dan icon dari aplikasi android. Lalu bagaimana cara mengatur title, subtititle, dan logo toolbar aplikasi android menggunakan android studio ?
Tutorial ini merupakan jawabannya. Kali ini kita akan belajar mengedit title, subtitle, dan logo aplikasi android yang kita buat menggunakan android studio. Sempatkan waktu 10 menit untuk mengikuti tutorial ini.
Daftar Isi
Title, Subtititle, dan Logo Toolbar Aplikasi Android
Langsung saja inilah langkah-langkah untuk mengatur title, subtitle, dan logo toolbar pada aplikasi android :
1. Buat project baru
Buat pada android studio ( bisa juga gunakan project android yang sudah kamu buat).
Baca disini : Membuat project di android studio
2. Edit style
Jika workspace android studio sudah siap digunakan silahkan buka folder res > values > style > Edit actionbarnya menggunakan kode seperti dibawah ini :
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
</resources>
- NoActionBar pada kode di atas digunakan untuk menghilangkan actionbar pada aplikasi kita
Baca disini : Interface dan struktur folder pada androids tudio
3. Tambahkan icon aplikasi
Disini kita akan menambahkan sebuah icon yang nantinya akan ditempatkan disamping kiri nama aplikasi android yang kita buat.
Untuk menambahkan icon caranya :
klik kanan pada drawable > Pilih New > pilih Vector Asset > ubah namenya menjadi Logo > klik icon > lalu pilih gambar yang akan dijadikan logo.
Dalam latihan ini saya menggunakan icon android. Jika icon sudah ditambahkan pada folder drawable akan tampil seperti dibawah ini.
4. Tambahkan widget toolbar
Tambahkan widget toolbar pada activity_main.xml. Kode-kode lengkapnya bisa dilihat dibawah ini.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
tools:context=".MainActivity">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="56dp"
android:background="#FFA000"/>
</LinearLayout>
5. MainActivity java
Pada MainActivity.java tambahkan kode-kode berikut :
package badoystudio.com.navigationdrawer;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Toolbar toolbar = (Toolbar)findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setTitle("Badoys Studio ");
toolbar.setSubtitle("https://badoystudio.com");
toolbar.setLogo(R.drawable.logo);
}
}
- getSupportActionBar().setTitle(“Badoys Studio “); digunakan untuk mengatur nama atau title dari aplikasi android kita
- setSubtitle (); digunakan untuk mengatur sub title
- sedangkah toolbar.setLogo(); digunakan untuk mengatur icon pada action bar
6. Running project
Jika langkah 1 – 4 sudah berhasil diikuti dan tidak ada error, silahkan lanjutkan dengan merunning project. Kamu bisa meruning aplikasi menggunakan android virtual device (avd), genymotion, dan menggunakan perangkat smartphone android yang kamu miliki.
Disini saya running menggunakan android virtual device (emulator bawaan android studio). Hasilnya kurang lebih seperti gambar dibawah ini.