滾動時，該菜單項通過頁腳重疊

我有頁眉，菜單和頁腳的活動。如果我改變屏幕水平的方向，這樣出現的滾動，那麼頁腳重疊的最後一個菜單項（button6）。如果我點擊頁腳，那麼觸發Button6的處理程序。滾動時，該菜單項通過頁腳重疊

如何使頁腳與菜單項不重疊，我可以看到所有菜單項？

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout 
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:fitsSystemWindows="true" 
tools:context="com.test.test.MainMenuActivity"> 

<LinearLayout 
    android:background="@color/colorMainWhite" 
    style="@style/root_layout"> 

    <!--- Header--> 
    <include layout="@layout/content_header"/> 
    <include layout="@layout/content_subheader"/> 

    <!--- Menu--> 
    <ScrollView 
     android:id="@+id/myview" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:orientation="vertical" > 
<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:gravity="center" 
    android:orientation="vertical"> 
    <LinearLayout 
     android:id="@+id/InfoLayout" 
     android:paddingTop="@dimen/size_15px" 
     android:orientation="vertical" 
     style="@style/los_lo_info_item"> 
     <TextView 
      android:id="@+id/tvNL1" 
      tools:text="test" 
      style="@style/tvs_lo_text_32_bold_ellipsized"/> 
     <TextView 
      android:id="@+id/tvNL2" 
      tools:text="test" 
      style="@style/tvs_lo_text_26_ellipsized"/> 
    </LinearLayout> 


    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:gravity="center" 
     android:orientation="vertical"> 
     <LinearLayout 
      android:id="@+id/button1" 
      style="@style/los_lo_mainmenu_item"> 
      <ImageView 
       style="@style/icon_default_size_center" 
       android:src="@drawable/icon_1"/> 
      <TextView 
       style="@style/tvs_lo_text_mainmenu_button" 
       android:text="@string/title_item_1"/> 
     </LinearLayout> 
     <LinearLayout 
      android:id="@+id/button2" 
      style="@style/los_lo_mainmenu_item"> 
      <ImageView 
       style="@style/icon_default_size_center" 
       android:src="@drawable/icon_2"/> 
      <TextView 
       style="@style/tvs_lo_text_mainmenu_button" 
       android:text="@string/title_item_2"/> 
     </LinearLayout> 
     <LinearLayout 
      android:id="@+id/button3" 
      style="@style/los_lo_mainmenu_item"> 
      <ImageView 
       style="@style/icon_default_size_center" 
       android:src="@drawable/icon_3"/> 
      <TextView 
       style="@style/tvs_lo_text_mainmenu_button" 
       android:text="@string/title_item_3"/> 
     </LinearLayout> 
     <LinearLayout 
      android:id="@+id/button4" 
      style="@style/los_lo_mainmenu_item"> 
      <ImageView 
       style="@style/icon_default_size_center" 
       android:src="@drawable/icon_4"/> 
      <TextView 
       style="@style/tvs_lo_text_mainmenu_button" 
       android:text="@string/title_item_4"/> 
     </LinearLayout> 
     <LinearLayout 
      android:id="@+id/button5" 
      style="@style/los_lo_mainmenu_item"> 
      <ImageView 
       style="@style/icon_default_size_center" 
       android:src="@drawable/icon_5"/> 
      <TextView 
       style="@style/tvs_lo_text_mainmenu_button" 
       android:text="@string/title_item_5"/> 
     </LinearLayout> 
     <LinearLayout 
      android:id="@+id/button6" 
      style="@style/los_lo_mainmenu_item"> 
      <ImageView 
       style="@style/icon_default_size_center" 
       android:src="@drawable/icon_6"/> 
      <TextView 
       style="@style/tvs_lo_text_mainmenu_button" 
       android:text="@string/title_item_6"/> 
     </LinearLayout> 
    </LinearLayout> 
</LinearLayout> 
    </ScrollView> 
</LinearLayout> 
<!--- Footer--> 
<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="horizontal" 
    android:gravity="bottom"> 
    <LinearLayout 
     android:paddingTop="@dimen/size_20px" 
     android:paddingBottom="@dimen/size_20px" 
     android:background="@color/colorBgLightGrey" 
     android:layout_width="match_parent" 
     android:gravity="center_horizontal" 
     android:layout_height="wrap_content"> 
     <ImageView 
      android:src="@drawable/icon_logos_ips" 
      style="@style/ips_icons_style"/> 
    </LinearLayout> 
</LinearLayout>

新：

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout 
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:fitsSystemWindows="true" 
tools:context="com.test.test.MainMenuActivity"> 

<RelativeLayout 
    android:id="@+id/mainLayout" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical"> 

    <include 
     android:id="@+id/layout_content_header" 
     layout="@layout/content_header"/> 
    <include 
     android:id="@+id/layout_content_subheader" 
     android:layout_below="@id/layout_content_header" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     layout="@layout/content_subheader"/> 

    <!--- Menu--> 
    <ScrollView 
     android:id="@+id/myview" 
     android:layout_width="match_parent" 
     android:layout_below="@id/layout_content_subheader" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:orientation="vertical" > 
     <LinearLayout 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:gravity="center" 
      android:orientation="vertical"> 
      <LinearLayout 
       android:id="@+id/merchantInfoLayout" 
       android:paddingTop="@dimen/size_15px" 
       android:orientation="vertical" 
       style="@style/los_lo_merchant_info_item"> 
       <TextView 
        android:id="@+id/tvNL1" 
        tools:text="test" 
        style="@style/tvs_lo_text_32_bold_ellipsized"/> 
       <TextView 
        android:id="@+id/tvNL2" 
        tools:text="test" 
        style="@style/tvs_lo_text_26_ellipsized"/> 
      </LinearLayout> 


      <LinearLayout 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:gravity="center" 
       android:orientation="vertical"> 
       <LinearLayout 
        android:id="@+id/button1" 
        style="@style/los_lo_mainmenu_item"> 
        <ImageView 
         style="@style/icon_default_size_center" 
         android:src="@drawable/icon_1"/> 
        <TextView 
         style="@style/tvs_lo_text_mainmenu_button" 
         android:text="@string/title_item_1"/> 
       </LinearLayout> 
       <LinearLayout 
        android:id="@+id/button2" 
        style="@style/los_lo_mainmenu_item"> 
        <ImageView 
         style="@style/icon_default_size_center" 
         android:src="@drawable/icon_2"/> 
        <TextView 
         style="@style/tvs_lo_text_mainmenu_button" 
         android:text="@string/title_item_2"/> 
       </LinearLayout> 
       <LinearLayout 
        android:id="@+id/button3" 
        style="@style/los_lo_mainmenu_item"> 
        <ImageView 
         style="@style/icon_default_size_center" 
         android:src="@drawable/icon_3"/> 
        <TextView 
         style="@style/tvs_lo_text_mainmenu_button" 
         android:text="@string/title_item_3"/> 
       </LinearLayout> 
       <LinearLayout 
        android:id="@+id/button4" 
        style="@style/los_lo_mainmenu_item"> 
        <ImageView 
         style="@style/icon_default_size_center" 
         android:src="@drawable/icon_4"/> 
        <TextView 
         style="@style/tvs_lo_text_mainmenu_button" 
         android:text="@string/title_item_4"/> 
       </LinearLayout> 
       <LinearLayout 
        android:id="@+id/button5" 
        style="@style/los_lo_mainmenu_item"> 
        <ImageView 
         style="@style/icon_default_size_center" 
         android:src="@drawable/icon_5"/> 
        <TextView 
         style="@style/tvs_lo_text_mainmenu_button" 
         android:text="@string/title_item_5"/> 
       </LinearLayout> 
       <LinearLayout 
        android:id="@+id/button6" 
        style="@style/los_lo_mainmenu_item"> 
        <ImageView 
         style="@style/icon_default_size_center" 
         android:src="@drawable/icon_6"/> 
        <TextView 
         style="@style/tvs_lo_text_mainmenu_button" 
         android:text="@string/title_item_6"/> 
       </LinearLayout> 
      </LinearLayout> 
     </LinearLayout> 
    </ScrollView> 
    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:layout_alignParentBottom="true" 
     android:orientation="horizontal" 
     android:gravity="bottom"> 
     <LinearLayout 
      android:paddingTop="@dimen/size_20px" 
      android:paddingBottom="@dimen/size_20px" 
      android:background="@color/colorBgLightGrey" 
      android:layout_width="match_parent" 
      android:gravity="center_horizontal" 
      android:layout_height="wrap_content"> 
      <ImageView 
       android:src="@drawable/icon_logos_ips" 
       style="@style/ips_icons_style"/> 
     </LinearLayout> 
    </LinearLayout> 
</RelativeLayout>

來源

2017-09-19 Andrew Efremov

添加這些到ScrollView將工作

android:layout_weight="1"

使用android:layout_weight和的LinearLayout有android:orientation="vertical"，保持頁腳下面ScrollView

檢查佈局：

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout 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:fitsSystemWindows="true"> 

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

     <!--- Header--> 
     <include layout="@layout/content_header" /> 

     <!--- Menu--> 
     <ScrollView 
      android:id="@+id/myview" 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" 
      android:orientation="vertical"> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:gravity="center" 
       android:orientation="vertical"> 

       <LinearLayout 
        android:id="@+id/InfoLayout" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:orientation="vertical" 
        android:paddingTop="15dp"> 

        <TextView 
         android:id="@+id/tvNL1" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         tools:text="test" /> 

        <TextView 
         android:id="@+id/tvNL2" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         tools:text="test" /> 
       </LinearLayout> 


       <LinearLayout 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:gravity="center" 
        android:orientation="vertical"> 

        <LinearLayout 
         android:id="@+id/button1" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_1" /> 
        </LinearLayout> 

        <LinearLayout 
         android:id="@+id/button2" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_2" /> 
        </LinearLayout> 

        <LinearLayout 
         android:id="@+id/button3" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_3" /> 
        </LinearLayout> 

        <LinearLayout 
         android:id="@+id/button4" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_4" /> 
        </LinearLayout> 

        <LinearLayout 
         android:id="@+id/button5" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_5" /> 
        </LinearLayout> 

        <LinearLayout 
         android:id="@+id/button6" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_6" /> 
        </LinearLayout> 

        <LinearLayout 
         android:id="@+id/button7" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_7" /> 
        </LinearLayout> 

        <LinearLayout 
         android:id="@+id/button8" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_8" /> 
        </LinearLayout> 

       </LinearLayout> 
      </LinearLayout> 
     </ScrollView> 

     <!--- Footer--> 
     <include layout="@layout/content_subheader" /> 
    </LinearLayout> 
</android.support.design.widget.CoordinatorLayout>

這是你的content_subheader.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:gravity="bottom" 
    android:orientation="horizontal"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@color/colorAccent" 
     android:gravity="center_horizontal" 
     android:paddingBottom="20px" 
     android:paddingTop="20px"> 

     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 
    </LinearLayout> 
</LinearLayout>

注意：我已刪除的佈局所有的樣式，我沒有它的屬性

新：

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout 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:fitsSystemWindows="true"> 

    <RelativeLayout 
     android:id="@+id/mainLayout" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:orientation="vertical"> 

     <!--- Header--> 
     <include 
      android:id="@+id/header" 
      layout="@layout/header_layout" /> 

     <!--- Menu--> 
     <ScrollView 
      android:id="@+id/myview" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_below="@+id/header" 
      android:layout_weight="1" 
      android:orientation="vertical"> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:gravity="center" 
       android:orientation="vertical"> 

       <LinearLayout 
        android:id="@+id/InfoLayout" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:orientation="vertical" 
        android:paddingTop="15dp"> 

        <TextView 
         android:id="@+id/tvNL1" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         tools:text="test" /> 

        <TextView 
         android:id="@+id/tvNL2" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         tools:text="test" /> 
       </LinearLayout> 


       <LinearLayout 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:gravity="center" 
        android:orientation="vertical"> 

        <LinearLayout 
         android:id="@+id/button1" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_1" /> 
        </LinearLayout> 

        <LinearLayout 
         android:id="@+id/button2" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_2" /> 
        </LinearLayout> 

        <LinearLayout 
         android:id="@+id/button3" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_3" /> 
        </LinearLayout> 

        <LinearLayout 
         android:id="@+id/button4" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_4" /> 
        </LinearLayout> 

        <LinearLayout 
         android:id="@+id/button5" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_5" /> 
        </LinearLayout> 

        <LinearLayout 
         android:id="@+id/button6" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_6" /> 
        </LinearLayout> 

        <LinearLayout 
         android:id="@+id/button7" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_7" /> 
        </LinearLayout> 

        <LinearLayout 
         android:id="@+id/button8" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content"> 

         <ImageView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:src="@drawable/ic_action_hardware_keyboard_arrow_left" /> 

         <TextView 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:text="title_item_8" /> 
        </LinearLayout> 

       </LinearLayout> 
      </LinearLayout> 
     </ScrollView> 

     <!--- Footer--> 
     <include layout="@layout/footer_layout" /> 
    </RelativeLayout> 
</android.support.design.widget.CoordinatorLayout>

來源

2017-09-20 11:40:30

對於水平方向我的問題解決了。謝謝！但是在垂直方向上，頁腳應該位於屏幕的底部，但它固定在ScrollView上。在ScrollView和Footer之間必須是垂直方向的空白區域。我怎樣才能做到這一點？ –

我做到了。請幫助解決垂直方向問題。 –

請嘗試https://stackoverflow.com/questions/43672004/not-able-to-align-footer-at-bottom-of-screen並告知我，如果你堅持在任何地方 –

滾動時，該菜單項通過頁腳重疊

回答

相關問題