【问题标题】:Bottom layout on a navigation drawer Android导航抽屉Android的底部布局
【发布时间】:2025-12-30 04:30:12
【问题描述】:

尝试向包含两个列表的导航抽屉添加页脚。我做的不对,我知道导航抽屉中我想要的任何东西都应该封装在

<LinearLayout
            android:id="@+id/left_drawer_layout"

我想添加一个不依赖于 ListView 滚动的底部布局。我尝试了不同版本的添加底部布局代码的位置,但没有任何反应。我需要一个额外的眼睛,拜托。谢谢。

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical">

        <include
            android:id="@+id/toolbar"
            layout="@layout/toolbar”/>



        <!-- Framelayout to display Fragments -->

        <FrameLayout
            android:id="@+id/frame_container"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1" />

    </LinearLayout>


    <!-- Listview to display slider menu -->

    <LinearLayout
        android:id="@+id/left_drawer_layout"
        android:layout_width="@dimen/navigation_drawer_max_width"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:orientation="vertical">


        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="48dp"
            android:background="@color/list_background">

            <Button
                android:id="@+id/refreshBtn"
                android:layout_width="match_parent"
                android:layout_height="48dp"
                android:text="@string/refresh"
                android:visibility="gone" />

            <EditText
                android:id="@+id/searchMenuTxt"
                android:layout_width="match_parent"
                android:layout_height="48dp"
                android:background="@color/list_background_pressed"
                android:drawableLeft="@drawable/search_web"
                android:drawablePadding="@dimen/activity_horizontal_margin"
                android:drawableStart="@drawable/search_web"
                android:focusable="false"
                android:focusableInTouchMode="true"
                android:hint="@string/search"
                android:paddingLeft="8dp"
                android:singleLine="true"
                android:textColorHint="@android:color/darker_gray"
                android:textSize="@dimen/text_size_14"></EditText>

            <Button
                android:id="@+id/clearBtn"
                android:layout_width="24dp"
                android:layout_height="24dp"
                android:layout_gravity="right|center"
                android:background="@drawable/mob_clear"
                android:paddingRight="8dp"
                android:visibility="invisible" />

        </FrameLayout>

        <LinearLayout
            android:id="@+id/left_drawer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <ListView
                android:id="@+id/activeChatsList"
                android:layout_width="@dimen/navigation_drawer_max_width"
                android:layout_height="wrap_content"
                android:layout_gravity="start"
                android:background="@color/list_background_pressed"
                android:choiceMode="singleChoice"
                android:divider="@drawable/list_divider"
                android:dividerHeight="1dp"
                android:fadeScrollbars="false"
                android:fastScrollEnabled="false" />

            <ListView
                android:id="@+id/drawerListView"
                android:layout_width="@dimen/navigation_drawer_max_width"
                android:layout_height="match_parent"
                android:layout_gravity="start"
                android:background="@drawable/list_selector"
                android:choiceMode="singleChoice"
                android:divider="@drawable/list_divider"
                android:dividerHeight="1dp"
                android:drawSelectorOnTop="true"
                android:fastScrollEnabled="false"
                android:minHeight="250dp" />
            <LinearLayout
                android:layout_width="fill_parent" android:layout_height="wrap_content"
                android:layout_weight="1"
                android:layout_alignParentBottom="true">

                <Button android:id="@+id/CancelButton" android:layout_width="wrap_content"
                    android:layout_height="wrap_content" android:text=“Profile" />
                >

            </LinearLayout>
        </LinearLayout>


    </LinearLayout>

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

【问题讨论】:

  • 可能是因为您的drawerListView 有match_parent 高度
  • 无论 ListView 有多大,您都希望按钮固定在抽屉小部件的底部吗?此外,一个接一个地拥有两个 ListView 并不是一个好主意。
  • 你试过在两个列表视图上设置 layout_weight 吗?
  • 您可以使用相对布局并将按钮设置为父底部并将listview layout_above设置为按钮ID。

标签: android android-layout


【解决方案1】:

你可以从这段代码sn-p中得到基本的想法。 并且android现在具有菜单抽屉的内置功能。您正在尝试做的是旧方法。操作栏 sherlock 已弃用。所以我建议你转移到 AppCompat。 Appcompat 下面是让菜单抽屉的布局与页脚一起的代码。

drawer_fragment.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res/com.focial"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/transparent" >

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white" >

    <LinearLayout
        android:id="@+id/footer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_gravity="bottom"
        android:clickable="true"
        android:background="@android:color/black"
        android:orientation="vertical">

     <!-- any addition stuff you want in yoour footer layout -->

   </LinearLayout>

    <ListView
        android:id="@+id/drawer_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/footer"
        android:choiceMode="singleChoice"
        android:dividerHeight="1dp" />
</RelativeLayout>

activity_home.xml(您要启用/显示抽屉的位置)

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/white" >

<FrameLayout
    android:id="@+id/realcontent"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

<fragment
    android:id="@+id/navigation_drawer"
    android:name="com.focial.fragment.NavigationDrawerFragment"
    android:layout_width="@dimen/navigation_drawer_width"
    android:layout_height="match_parent"
    android:layout_gravity="start" />

HomeActivity.java

private NavigationDrawerFragment mNavigationDrawerFragment;
private ArrayList<DrawerItem> drawerItems;
private DrawerLayout drawerLayout;

protected void initUIComponents() {
    drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
    mNavigationDrawerFragment = (NavigationDrawerFragment) getSupportFragmentManager().findFragmentById(R.id.navigation_drawer);
    mNavigationDrawerFragment.setUp(R.id.navigation_drawer, drawerLayout, drawerItems);
}

@Override
public void onNavigationDrawerItemSelected(int itemlabelId) {
    FragmentManager fragmentManager = getSupportFragmentManager();
    fragmentManager.beginTransaction().replace(R.id.realcontent, CustomFragmentManager.newInstance(itemlabelId)).commit();
}

NavigationDrawerFragment.java

View rootView = (RelativeLayout) inflater.inflate(R.layout.layout_fragment_drawer, container, false);
ListView mDrawerListView = (ListView) rootView.findViewById(R.id.drawer_list);
    LinearLayout footerView = (LinearLayout) rootView.findViewById(R.id.footer);

【讨论】:

    【解决方案2】:

    您的左侧抽屉布局不一定必须是LinearLayout,它可能是这样的:

    <RelativeLayout
        android:id="@+id/left_drawer_layout"
        android:layout_width="@dimen/navigation_drawer_max_width"
        android:layout_height="match_parent">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_above="@+id/drawer_footer"
            android:layout_gravity="start"
            android:orientation="vertical">
    
            <!-- YOUR PREVIOUS LAYOUT -->
        </LinearLayout>
    
        <LinearLayout 
            android.id="@+id/drawer_footer"
            android:layout_width="match_parent"
            android:layout_alignParentBottom="true"
            android:layout_height="100dp">
            <!-- YOUR FOOTER WITH layout_alignParentBottom -->
        </LinearLayout>
    </RelativeLayout>
    

    这样您的页脚将始终位于左侧抽屉的底部。

    【讨论】:

    • 考虑使用 FrameLayout 并使用重力以获得更好的性能。 RelativeLayout 很昂贵,因为它测量两次。
    【解决方案3】:

    您可以在您的项目中使用此抽屉,也可以在此项目中使用类似的布局 https://github.com/neokree/MaterialNavigationDrawer

    项目有用于页脚布局的 addBottomSection 方法

    你可以在这个 apk 中看到这个项目的例子: https://github.com/neokree/MaterialNavigationDrawer/blob/master/example.apk

    【讨论】:

      【解决方案4】:

      因为您的drawerListViewandroid:layout_height="match_parent",所以它会占用屏幕中剩余的所有高度并将底部布局推出屏幕。
      你可以试试这个:

      <LinearLayout
      android:id="@+id/left_drawer"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical" >
      
      <LinearLayout
          android:layout_width="fill_parent"
          android:layout_height="0dp"
          android:layout_weight="1"
          android:orientation="vertical" >
      
          <ListView
              android:id="@+id/activeChatsList" />
      
          <ListView
              android:id="@+id/drawerListView" />
      </LinearLayout>
      
      <Button
          android:id="@+id/CancelButton"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="“Profile" />
      
      </LinearLayout>
      

      除此之外,我建议您应该在适配器中使用 1 个具有多 viewType 的列表视图,而不是 2 个单独的列表视图,因为如果第一个可滚动,那么第二个将不会显示,或者如果第二个显示,这意味着第一个不会不需要滚动,所以成为列表视图毫无意义。
      跳这个有帮助。

      【讨论】:

        【解决方案5】:

        最好的方法是为页脚创建另一个布局并将该布局添加到列表页脚。

        listView.addFooterView(R.layout.<your footer layout>);
        

        【讨论】:

          【解决方案6】:

          这只是建议。我将此添加为我的答案,因为我没有足够的声誉来对其他帖子添加评论,对不起。我认为这已经在 SO 中解决了。请检查下面这个链接How to put list items at the bottom of list view in Navigation Drawer like Foursquare

          【讨论】:

          • 您能否添加一些示例屏幕以便更好地查看它。
          【解决方案7】:

          您可以使用 ActionBarSherlock 库。我觉得很有帮助。

          【讨论】:

            【解决方案8】:

            你必须在抽屉控制标签之后使用框架布局

            将所有控件放在框架布局中。

            【讨论】:

            • 请举例说明你的答案,以及为什么会这样......