ฉันคิดว่าคุณอาจกำลังมองหาสิ่งนี้
นี่คือตัวอย่างสั้น ๆ ในการเริ่มต้น:
public class MainActivity extends AppCompatActivity {
private BottomBar mBottomBar;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mBottomBar = BottomBar.bind(this, R.layout.activity_main,
savedInstanceState);
mBottomBar.setItems(
new BottomBarTab(R.drawable.ic_recents, "Recents"),
new BottomBarTab(R.drawable.ic_favorites, "Favorites"),
new BottomBarTab(R.drawable.ic_nearby, "Nearby"),
new BottomBarTab(R.drawable.ic_friends, "Friends")
);
mBottomBar.setOnItemSelectedListener(new OnTabSelectedListener() {
@Override
public void onItemSelected(final int position) {
}
});
}
@Override
protected void onSaveInstanceState(Bundle outState) {
super.onSaveInstanceState(outState);
mBottomBar.onSaveInstanceState(outState);
}
}
นี่คือลิงค์อ้างอิง
https://github.com/roughike/BottomBar
แก้ไขข่าวใหม่
มุมมองการนำทางด้านล่างอยู่ในแนวทางการออกแบบวัสดุมาระยะหนึ่งแล้ว แต่เราไม่ง่ายเลยที่จะนำไปใช้ในแอปของเรา แอปพลิเคชันบางตัวได้สร้างโซลูชันของตนเองในขณะที่แอปพลิเคชันอื่น ๆ ใช้ไลบรารีโอเพนซอร์สของบุคคลที่สามเพื่อทำงานให้สำเร็จ ตอนนี้ไลบรารีสนับสนุนการออกแบบกำลังเพิ่มแถบนำทางด้านล่างนี้มาดูวิธีใช้งานกัน
วิธีใช้ ?
ในการเริ่มต้นเราต้องอัปเดตการพึ่งพาของเรา!
compile ‘com.android.support:design:25.0.0’
ออกแบบ xml.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.BottomNavigationView
android:id="@+id/bottom_navigation"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
app:itemBackground="@color/colorPrimary"
app:itemIconTint="@color/white"
app:itemTextColor="@color/white"
app:menu="@menu/bottom_navigation_main" />
</RelativeLayout>
สร้างเมนูตามความต้องการของคุณ
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="@+id/action_favorites"
android:enabled="true"
android:icon="@drawable/ic_favorite_white_24dp"
android:title="@string/text_favorites"
app:showAsAction="ifRoom" />
<item
android:id="@+id/action_schedules"
android:enabled="true"
android:icon="@drawable/ic_access_time_white_24dp"
android:title="@string/text_schedules"
app:showAsAction="ifRoom" />
<item
android:id="@+id/action_music"
android:enabled="true"
android:icon="@drawable/ic_audiotrack_white_24dp"
android:title="@string/text_music"
app:showAsAction="ifRoom" />
</menu>
การจัดการสถานะที่เปิดใช้งาน / ปิดใช้งาน สร้างไฟล์ตัวเลือก
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_checked="true"
android:color="@color/colorPrimary" />
<item
android:state_checked="false"
android:color="@color/grey" />
</selector>
จัดการเหตุการณ์การคลิก
BottomNavigationView bottomNavigationView = (BottomNavigationView)
findViewById(R.id.bottom_navigation);
bottomNavigationView.setOnNavigationItemSelectedListener(
new BottomNavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()) {
case R.id.action_favorites:
break;
case R.id.action_schedules:
break;
case R.id.action_music:
break;
}
return false;
}
});
แก้ไข: การใช้ Androidx คุณต้องเพิ่มการอ้างอิงด้านล่าง
implementation 'com.google.android.material:material:1.2.0-alpha01'
เค้าโครง
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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:layout_width="match_parent"
android:layout_height="match_parent">
<com.google.android.material.bottomnavigation.BottomNavigationView
android:layout_gravity="bottom"
app:menu="@menu/bottom_navigation_menu"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</FrameLayout>
หากคุณต้องการอ่านเพิ่มเติมเกี่ยวกับวิธีการและวิธีการทำงานอ่านสิ่งนี้
แน่นอนมันจะช่วยคุณ
