2016-05-23 3 views
4

Я хочу, чтобы в моем приложении была разбивка панели инструментов. Для этого я добавил сворачивающуюся панель инструментов внутри панели приложений. Я добавил относительный макет с некоторыми текстовыми представлениями в макете. Этот относительный макет, который я хочу показать под панелью инструментов, должен упасть до панели инструментов.Как разместить макет под панелью инструментов в сворачивающемся макете панели инструментов?

На данный момент, поскольку я добавил это, его получение слилось с панелью инструментов. Похоже ниже:

enter image description here

EDIT: Отредактированный с вложенным видом прокрутки. Прокрутка до строки состояния, если требуется прокрутка до панели инструментов.

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

    <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:layout_scrollFlags="scroll|exitUntilCollapsed" 
     app:titleEnabled="false"> 

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

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

      <RelativeLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_below="@+id/toolbar" 
       android:fitsSystemWindows="true" 
       android:gravity="bottom" 
       android:paddingLeft="30dp" 
       android:scaleType="centerCrop"> 


       <TextView 
        android:id="@+id/eventName" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_marginTop="20dp" 
        android:text="Event Name" 
        android:textColor="#ffffff" 
        android:textSize="14sp"/> 

       <TextView 
        android:id="@+id/date" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_below="@+id/eventName" 
        android:layout_marginTop="10dp" 
        android:text="Date" 
        android:textColor="#ffffff" 
        android:textSize="14sp"/> 

       <TextView 
        android:id="@+id/time" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_below="@+id/date" 
        android:layout_marginBottom="10dp" 
        android:layout_marginTop="10dp" 
        android:text="Time" 
        android:textColor="#ffffff" 
        android:textSize="14sp"/> 

      </RelativeLayout> 

     </LinearLayout> 

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

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

<android.support.v4.widget.NestedScrollView 
    android:id="@+id/scroll" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:clipToPadding="false" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior"> 

    <RelativeLayout 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" 
     android:paddingBottom="@dimen/activity_vertical_margin" 
     android:paddingLeft="@dimen/activity_horizontal_margin" 
     android:paddingRight="@dimen/activity_horizontal_margin" 
     android:paddingTop="@dimen/activity_vertical_margin" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" 
     tools:context="com.example.siddhi.meavita.Activities.PlanDetailsActivity" 
     tools:showIn="@layout/activity_plan_details"> 


     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="PLAN" 
      android:layout_centerHorizontal="true" 
      android:textAppearance="@android:style/TextAppearance.Large" 
      android:id="@+id/textView6" 
      android:layout_marginTop="10dp" /> 

     <LinearLayout 
      android:orientation="vertical" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_alignParentLeft="false" 
      android:layout_alignParentStart="false" 
      android:layout_below="@+id/textView6" 
      android:layout_marginTop="40dp"> 

      <Button 
       android:layout_width="150dp" 
       android:layout_height="40dp" 
       style="?android:attr/borderlessButtonStyle" 
       android:text="Schedule" 
       android:id="@+id/schedule" 
       android:layout_gravity="center_horizontal" 
       android:background="@drawable/list_background" /> 

      <Button 
       android:layout_width="150dp" 
       android:layout_height="40dp" 
       style="?android:attr/borderlessButtonStyle" 
       android:text="Check List" 
       android:id="@+id/button4" 
       android:layout_gravity="center_horizontal" 
       android:layout_marginTop="20dp" 
       android:background="@drawable/list_background" /> 

      <Button 
       android:layout_width="150dp" 
       android:layout_height="40dp" 
       android:text="Vendors" 
       style="?android:attr/borderlessButtonStyle" 
       android:id="@+id/button5" 
       android:layout_gravity="center_horizontal" 
       android:layout_marginTop="20dp" 
       android:background="@drawable/list_background" /> 

      <Button 
       android:layout_width="150dp" 
       android:layout_height="40dp" 
       android:text="Invitee" 
       style="?android:attr/borderlessButtonStyle" 
       android:id="@+id/button6" 
       android:layout_gravity="center_horizontal" 
       android:layout_marginTop="20dp" 
       android:background="@drawable/list_background" /> 
     </LinearLayout> 


    </RelativeLayout> 

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

Как я могу поместить это ниже панели инструментов и прокручивать ДО панели инструментов? Спасибо ..

ответ

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

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

     <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:layout_scrollFlags="scroll|exitUntilCollapsed" 
      app:titleEnabled="false"> 

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

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

       <RelativeLayout 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_below="@+id/toolbar" 
        android:fitsSystemWindows="true" 
        android:gravity="bottom" 
        android:paddingLeft="30dp" 
        android:scaleType="centerCrop"> 


        <TextView 
         android:id="@+id/eventName" 
         android:layout_width="match_parent" 
         android:layout_height="wrap_content" 
         android:layout_marginTop="20dp" 
         android:text="Event Name" 
         android:textColor="#ffffff" 
         android:textSize="14sp"/> 

        <TextView 
         android:id="@+id/date" 
         android:layout_width="match_parent" 
         android:layout_height="wrap_content" 
         android:layout_below="@+id/eventName" 
         android:layout_marginTop="10dp" 
         android:text="Date" 
         android:textColor="#ffffff" 
         android:textSize="14sp"/> 

        <TextView 
         android:id="@+id/time" 
         android:layout_width="match_parent" 
         android:layout_height="wrap_content" 
         android:layout_below="@+id/date" 
         android:layout_marginBottom="10dp" 
         android:layout_marginTop="10dp" 
         android:text="Time" 
         android:textColor="#ffffff" 
         android:textSize="14sp"/> 

       </RelativeLayout> 

      </LinearLayout> 

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

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

    <android.support.v4.widget.NestedScrollView 
     android:id="@+id/scroll" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:clipToPadding="false" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior"> 

     <TextView 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:text="adlfjsd adsf adsf dsafasd fsda f af dsaf afl djsaflk sjdafl jsalf jsdalf jsdal fjasdl fjalsd jflas jflsa djfdl" 
      android:textSize="100sp"/> 


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

</android.support.design.widget.CoordinatorLayout> 
+0

Вы имеете в виду, что я должен использовать линейную компоновку для обертывания текстовых представлений вместо относительной компоновки? Я попытался сделать это, но все же он дал тот же результат. @Alexander –

+0

Я обновил свой ответ. Это должно быть что-то вроде этого. Также в этом случае я советую использовать ** LinearLayout ** вместо ** RelativeLayout ** – Alexander

+0

Ok попробовал это. Он появляется под панелью инструментов, но когда я прокручиваю его, все прокручивается до строки состояния. Я хочу, чтобы она была прокручена до панели инструментов. @Alexander –

5

Добавить эту строку в свой RelativeLayout.

app:layout_behavior="@string/appbar_scrolling_view_behavior" 
+0

Я добавил это к моему относительному расположению с ответом Александра.Теперь он полностью распался, пока строка состояния не захочет, чтобы она была свернута до панели инструментов. @Chandrakant Dvivedi –

+0

add app: layout_collapseMode = "pin" на панели инструментов – streamride

0

Всегда Поместите AppBarLayout выше вашего макета, это решение тестируется .. U можно попробовать ..

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:customfontdemo="http://schemas.android.com/apk/res-auto" 
    xmlns:app="http://schemas.android.com/tools" 
    android:orientation="horizontal" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_weight="3"> 
    <android.support.design.widget.AppBarLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:theme="@style/AppBarOverlay" 
    android:id="@+id/appBarLayout"> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="#428BCA" 
     app:popupTheme="@style/PopupOverlay" > 
     <lloyd.sp.com.studentportal.utils.MyTextview 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Latest Attendance" 
      android:layout_gravity="left" 
      android:id="@+id/toolbar_title" 
      customfontdemo:fontName="OpenSans-Semibold.ttf" 
      android:textColor="#FFFFFF" 
      android:textSize="22sp" 
      android:lines="1" 
      android:paddingLeft="4dp" 
      /> 

     <ImageView 
      android:layout_width="28dp" 
      android:layout_height="28dp" 
      android:layout_gravity = "right" 
      android:paddingRight="10dp" 
      android:id="@+id/signout" 
      android:onClick="dosignout" 
      android:src="@drawable/logout_icon"/> 
    </android.support.v7.widget.Toolbar> 
</android.support.design.widget.AppBarLayout> 

<LinearLayout 
    android:id="@+id/linearLayout" 
    android:orientation="horizontal" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentStart="true" 
    android:layout_below="@+id/appBarLayout"> 

    <Button 

     android:text="Status" 
     android:textSize="20sp" 
     android:textStyle="bold" 
     android:background="@drawable/my_button_bg" 
     android:gravity="center" 
     android:layout_width="0dp" 
     android:layout_weight="1" 
     android:textColor="@color/black" 
     android:layout_height="wrap_content" 
     android:id="@+id/textView10" /> 

    <Button 
     android:text="Date" 
     android:background="@drawable/my_button_bg" 
     android:textSize="20sp" 
     android:textStyle="bold" 
     android:layout_width="0dp" 
     android:layout_weight="1" 
     android:textColor="@color/black" 
     android:layout_height="wrap_content" 
     android:id="@+id/textView6" 
     /> 

    <Button 
     android:text="Subject" 
     android:textSize="20sp" 
     android:textStyle="bold" 
     android:background="@drawable/my_button_bg" 
     android:gravity="center" 
     android:textColor="@color/black" 
     android:layout_width="0dp" 
     android:layout_weight="1" 
     android:layout_height="wrap_content" 
     android:id="@+id/textView9" 

     /> 

</LinearLayout> 

<ListView 
    android:id="@+id/listViewLatestAttendance" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentStart="true" 
    android:layout_below="@+id/linearLayout" 
    /> 

</RelativeLayout> 
2

Поместите запас на RelativeLayout андроида: layout_marginTop =

"атр/actionBarSize?"
 <RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/toolbar" 
      android:layout_marginTop="?attr/actionBarSize" 
      android:fitsSystemWindows="true" 
      android:gravity="bottom" 
      android:paddingLeft="30dp" 
      android:scaleType="centerCrop">