Der Menüpunkt überlappt sich beim Scrollen per Fußzeile

Ich habe Aktivität mit der Kopfzeile, dem Menü und der Fußzeile. Wenn ich die Ausrichtung des Bildschirms in die horizontale ändern, so dass die Bildlauf angezeigt wird, wird die Fußzeile den letzten Menüpunkt (button6) überlappen. Wenn ich auf die Fußzeile klicke, wird der Handler des Button6 ausgelöst.Der Menüpunkt überlappt sich beim Scrollen per Fußzeile

Wie zu machen, dass die Fußzeile nicht überlappen den Menüpunkt und ich kann alle Menüpunkte sehen?

<?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>

neu:

<?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>

Quelle

2017-09-19 Andrew Efremov

Addiert man diese zu ScrollView arbeiten

android:layout_weight="1"

Mit android:layout_weight und als Linearlayout android:orientation="vertical" hat, halten Fußzeile unterhalb ScrollView

Check Layout:

<?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>

Hier Ihre content_subheader.xml ist

<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>

Hinweis: i alle Arten von Layout entfernt haben, wie ich seine Attribute nicht haben

neu:

<?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>

Quelle

2017-09-20 11:40:30

Für die horizontale Ausrichtung wurde mein Problem gelöst. Vielen Dank! Aber in der vertikalen Ausrichtung sollte die Fußzeile am unteren Rand des Bildschirms sein, aber es blieb bei der ScrollView. Zwischen der Bildlaufleiste und der Fußzeile muss ein leerer Bereich vertikal ausgerichtet sein. Wie kann ich das machen? –

Ich habe es getan. Bitte helfen Sie mit dem Problem der vertikalen Ausrichtung. –

Bitte versuchen Sie https://stackoverflow.com/questions/43672004/not-able-to-align-footer-at-bottom-of-screen und informieren Sie mich, wenn Sie irgendwo stecken –

Der Menüpunkt überlappt sich beim Scrollen per Fußzeile

Antwort

Verwandte Themen