Kebetulan lagi memilih cara penyajian menu utama atau dashboard untuk tampilan halaman atau activitynya berbentuk menu yang saat di klik menuju halaman fitur di android kita, nah kini di coba proses pembuatan aplikasi melalui android studio dan dengan bahasa java.
kali ini mimin mencoba berbagi share tipsnya bagi temans temans yang kebetulan lagi belajar atau pemula untuk membuat suatyu aplikasim khusunya untuk halaman dimana ada menu bottom navigation. Mengenal bentuk dan aneka Bottom Navigation bar.
Tanpa bla bla lama lagi yuk kta langsung saja kepada cara pembuatannya semoga bermanfaat bagi temans dan pengunjung setia abjo dumai, berbagi tips artikel dan info menarik lainnya. mengenal tentang menu ini dapat di searche aja pengertian dan ragam bentuknya. Disini mimim share halaman ini sederhana dan simple. yuk gas aja belajar yang mudah dulu.
Oke bagi yang ingin belajar kita langsung saja.
1. Buat Halaman Utama untuk Bottom Navigationnya
Pilih menu projek anda dengan nama file menu, dan klik kanan pilih activity resource beri nama " menu_bottom_admin " dan buatlah kode nya seperti di bawah ini.
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/brandaID"
android:title="Beranda"
android:icon="@android:drawable/ic_dialog_dialer"/>
<item
android:id="@+id/cariID"
android:title="Cari"
android:icon="@android:drawable/ic_menu_search"/>
<item
android:id="@+id/pesananAdmID"
android:title="Pesanan"
android:icon="@android:drawable/ic_menu_send"/>
<item
android:id="@+id/serbaID"
android:title="Peta"
android:icon="@android:drawable/ic_dialog_map"/>
</menu>
Buat gambar untuk mewakili sebuah menu menu yang ingin di tampilkan dengan membuat drawable. contoh seperti di bawah ini.
Buat Activity baru dengan nama " HomePage" cara membuat halaman baru nya sudah dari dasar kita kenal khan , ga perlu lagi khan, yuk kita langsung ke pembuatan halaman utaman dimana nantinya adalah halaman dashboard kita atau halaman utama android kita saat mulai muncul
dan buatlah kode xml nya seperti di bawah ini.
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".HomePage">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<include
android:id="@+id/Admin_ToolBar"
layout="@layout/toolbar_row" />
<TextView
android:id="@+id/FragmentTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text=""
android:textSize="20sp"
android:textColor="#000"
android:textStyle="bold"
android:layout_centerHorizontal="true"
android:layout_below="@id/Admin_ToolBar"/>
<FrameLayout
android:id="@+id/FrameLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@id/FragmentTitle"
android:layout_above="@id/Bottom_view"/>
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id="@+id/Bottom_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginStart="0dp"
android:layout_marginTop="0dp"
android:layout_marginEnd="0dp"
android:layout_marginBottom="0dp"
app:itemIconTint="#0C0C0B"
app:itemTextColor="#2196F3"
app:menu="@menu/menu_bottom_admin" />
</RelativeLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
Untuk Halaman Java HomePage nya Buatlah kode sbb:
import android.os.Bundle;
import android.view.MenuItem;
import android.widget.RelativeLayout;
import android.widget.TextView;
import androidx.activity.EdgeToEdge;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;
import androidx.fragment.app.Fragment;
import com.google.android.material.bottomnavigation.BottomNavigationView;
public class HomePage extends AppCompatActivity {
private Toolbar mToolBar;
private BottomNavigationView bottomNavigationView;
private TextView FragmentTitle;
private RelativeLayout CustomCartContainer;
private TextView PageTitle;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
EdgeToEdge.enable(this);
setContentView(R.layout.activity_home_page);
ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
return insets;
});
bottomNavigationView = (BottomNavigationView) findViewById(R.id.Bottom_view);
bottomNavigationView.setOnNavigationItemSelectedListener(naveListener);
getSupportFragmentManager().beginTransaction().replace(R.id.FrameLayout, new HomeAdminFragment()).commit();
}
@Override
protected void onStart() {
super.onStart();
}
private BottomNavigationView.OnNavigationItemSelectedListener naveListener =
new BottomNavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
Fragment SelectedFragment = null;
int id = item.getItemId();
if (id == R.id.brandaID) {
SelectedFragment = new HomeAdminFragment();
} else if (id == R.id.cariID) {
SelectedFragment = new Menu1Fragment1();
} else if (id == R.id.pesananAdmID) {
SelectedFragment = new Menu2Fragment2();
} else if (id == R.id.serbaID) {
SelectedFragment = new Menu3Fragment3();
}
getSupportFragmentManager().beginTransaction().replace(R.id.FrameLayout, SelectedFragment).commit();
return true;
}
};
}
2. Buat Halaman untuk tampilan sebuah menu dengan Fragment Activity
Sorot Kursor pada activity lalu klik mouse kanan pilih fragment blank dan beri nama menu
"HomeAdminFragment"
"Menu1Fragmet1"
"Menu2Fragmet2"
"Menu3Fragmet3"
Dan seterusnya sesuai kebutuhan kita
Lakukan seperti dari awal untuk membuat menu berikutnya. "Menu1Fragment1" sesuai menu yang ingin anda jadikan tamoilan bottom anda. Jika perlu sampai 5 fragmenf buatlah seperti hal menu 1 sampai menu 5.
Masukkan kode XML tersebut sesuai nama menu untuk mewakili halaman halaman menu untuk activity fragment testing anda tersebut 1 - 3 fragment yang ingin anda buat.
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:background="#FFC107"
android:layout_height="match_parent">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="10sp"
android:layout_marginTop="10sp"
android:text="FRAGMENT 1"
android:textSize="18sp"
android:textStyle="bold" />
</androidx.constraintlayout.widget.ConstraintLayout>
Nah demikianlah cara membuat halaman utama dengan tanpilan bottom navigation selamat mencoba, semoga berhasil.
0 Komentar