Hỏi về ButtonBar và Navigator

#1

Screen Shot 2016-11-16 at 4.23.37 PM.png465×681 22.3 KB

Hiện tại mình đang làm một navigator drawer và một bottom nhưng ý của mình là khi bật nav lên nó che luôn cả phần bottom nhưng mình vẫn chưa tìm ra được giải pháp nào các bạn hỗ trợ mình với, mình cảm ơn trước ^^

#2

Do cách bố trí layout của bạn thôi… Root layout sẽ là DrawerLayout bên trong đó gồm hai child layout: FrameLayout và NavigationView(dùng cho navigation drawer).
Muốn attach cái BottomBar vào trong layout FrameLayout thì có thể thay đổi sang RelativeLayout và thêm BottomBar với thuộc tính alignParentBottom=“true” Hoặc sử dụng CoordinatorLayout để đặt vị trí của bottombar luôn ở dưới cùng của layout…

1 Like
#3

Mình làm vẫn chưa thành công bạn à, bên dứoi là code của mình bạn xem hộ mình với ^^

<?xml version="1.0" encoding="utf-8"?>


<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/main_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white"
        android:fitsSystemWindows="true">

        <android.support.design.widget.AppBarLayout
            android:id="@+id/appbar"
            android:layout_width="match_parent"
            android:layout_height="250dp"
            android:fitsSystemWindows="true"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

            <android.support.design.widget.CollapsingToolbarLayout
                android:id="@+id/collapsing_toolbar"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:fitsSystemWindows="true"
                app:contentScrim="?attr/colorPrimary"
                app:expandedTitleMarginEnd="64dp"
                app:expandedTitleMarginStart="48dp"
                app:expandedTitleTextAppearance="@android:color/transparent"
                app:layout_scrollFlags="scroll|exitUntilCollapsed">


                <ImageView
                    android:id="@+id/backdrop"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:fitsSystemWindows="true"
                    android:scaleType="centerCrop"
                    android:src="@drawable/cover"
                    app:layout_collapseMode="parallax" />

                <android.support.v7.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="?attr/actionBarSize"
                    app:layout_collapseMode="pin"
                    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />


            </android.support.design.widget.CollapsingToolbarLayout>

        </android.support.design.widget.AppBarLayout>
    </android.support.design.widget.CoordinatorLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/nvView"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:menu="@menu/menu_nav" />

    <RelativeLayout
        android:id="@+id/fl_dashboard_fragmentframe"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <com.roughike.bottombar.BottomBar
            android:id="@+id/buttonBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"></com.roughike.bottombar.BottomBar>
    </RelativeLayout>


</android.support.v4.widget.DrawerLayout>
#4

Bạn nên để layout này

<RelativeLayout
    android:id="@+id/fl_dashboard_fragmentframe"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <com.roughike.bottombar.BottomBar
        android:id="@+id/buttonBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"></com.roughike.bottombar.BottomBar>
</RelativeLayout>

bên dưới thẻ Toolbar ấy là được… vì đây chính là layout chinh của màn hình bạn muốn dựng bên trong thẻ Coordinator thì nó sẽ được cố định vị trí dưới cùng như hiển thik

Hoặc để BottomBar bên trong coordinatorlayout với thuộc tính layout_gravity=“bottom” là okie…

như này nhé:

<?xml version="1.0" encoding="utf-8"?>

<android.support.v4.widget.DrawerLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:id="@+id/drawer_layout"
     android:layout_width="match_parent" 
     android:layout_height="match_parent">
     <android.support.design.widget.CoordinatorLayout
        android:id="@+id/main_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/white"
        android:fitsSystemWindows="true">

        <android.support.design.widget.AppBarLayout
            android:id="@+id/appbar"
            android:layout_width="match_parent"
            android:layout_height="250dp"
            android:fitsSystemWindows="true"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

            <android.support.design.widget.CollapsingToolbarLayout
                android:id="@+id/collapsing_toolbar"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:fitsSystemWindows="true"
                app:contentScrim="?attr/colorPrimary"
                app:expandedTitleMarginEnd="64dp"
                app:expandedTitleMarginStart="48dp"
                app:expandedTitleTextAppearance="@android:color/transparent"
                app:layout_scrollFlags="scroll|exitUntilCollapsed">


                <ImageView
                    android:id="@+id/backdrop"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:fitsSystemWindows="true"
                    android:scaleType="centerCrop"
                    android:src="@drawable/cover"
                    app:layout_collapseMode="parallax" />

                <android.support.v7.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="?attr/actionBarSize"
                    app:layout_collapseMode="pin"
                    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

               
            </android.support.design.widget.CollapsingToolbarLayout>
        </android.support.design.widget.AppBarLayout>
         <RelativeLayout
                    android:id="@+id/fl_dashboard_fragmentframe"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_gravity="bottom"
                    app:layout_behavior="@string/appbar_scrolling_view_behavior">
                    <com.roughike.bottombar.BottomBar
                        android:id="@+id/buttonBar"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_alignParentBottom="true">                
                    </com.roughike.bottombar.BottomBar>
               
        </RelativeLayout>    
    </android.support.design.widget.CoordinatorLayout>
    <android.support.design.widget.NavigationView
        android:id="@+id/nvView"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:menu="@menu/menu_nav" />
</android.support.v4.widget.DrawerLayout>
1 Like
#7

Lần sau bạn nên đặt câu hỏi chính xác hơn(BottomNavigationBar). Từ version 25.0.0 thì thư viện appcompat đã hộ trợ và bạn có thể dùng luôn mà không cần thêm thư viện ngoài.

https://blog.riddhimanadib.me/exploring-bottom-navigation-bar-in-android-a02fc4b9eebb#.mobzlcof2

2 Likes
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?