[英]CoordinatorLayout collapse Toolbar in Activity from Fragment
我有一個 DrawerLayout 活動,用於導航菜單、工具欄和 FrameLayout,其中顯示帶有內容的片段。 在片段中,我有一個包含一些內容的視圖,例如:個人資料頭像的 ImageView 和個人資料名稱的 TextView。 當 Fragment 向下滾動時,我需要從 Activity 折疊 Toobar(隱藏帶有來自 Toolbar 中的 Fragment 的內容的視圖/Toobar 重疊視圖/),當 Fragment 向上滾動時,我需要展開工具欄(顯示帶有來自 Toobar 的內容的視圖)。
活動
<android.support.v4.widget.DrawerLayout
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:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<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"
tools:context=".activity.MainActivity">
<android.support.design.widget.AppBarLayout
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="wrap_content">
<include
android:id="@+id/myToolBar"
layout="@layout/activity_main_toolbar" />
</android.support.design.widget.AppBarLayout>
<FrameLayout
android:id="@+id/frame_container"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
</android.support.design.widget.CoordinatorLayout>
<ListView
android:id="@+id/list_slider_menu"
android:layout_width="@dimen/main_activity_slider_menu_list_view_width"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="@color/list_background"
android:choiceMode="singleChoice"
android:divider="@color/list_divider"
android:dividerHeight="@dimen/main_activity_slider_menu_list_view_divider_height"
android:listSelector="@drawable/drawer_list_selector" />
</android.support.v4.widget.DrawerLayout>
片段
<android.support.v4.widget.SwipeRefreshLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/cabinetSwipeRefreshLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
tools:context="com.geodevteam.geopay.project.activity.UserProfileActivity">
<ScrollView
android:id="@+id/cabinetScrollView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/app_child_layout_background"
android:fillViewport="false">
<LinearLayout
android:id="@+id/cabinetRootLayout"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:id="@+id/cabinetTopLayout"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<RelativeLayout
android:id="@+id/cabinetInformationLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingTop="5dp"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:paddingBottom="1dp"
android:background="@color/cello_transparent">
<com.geodevteam.geopay.project.utils.graphics.RoundedImageView
android:id="@+id/cabinetAvatarImageView"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_marginTop="5dp"
android:layout_centerHorizontal="true" />
<TextView
android:id="@+id/cabinetNameTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/cabinetAvatarImageView"
android:layout_centerHorizontal="true"
android:layout_marginTop="5dp"
style="@style/ProfileNameTextView"/>
<TextView
android:id="@+id/cabinetTelephoneTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/cabinetNameTextView"
android:layout_centerHorizontal="true"
android:layout_marginTop="5dp"
android:visibility="gone"
style="@style/ProfileSimpleTextView"/>
<TextView
android:id="@+id/cabinetAddTelephoneTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/cabinetTelephoneTextView"
android:layout_centerHorizontal="true"
android:layout_marginTop="5dp"
android:visibility="gone"
style="@style/ProfileSimpleTextView"/>
<TextView
android:id="@+id/cabinetBalanceTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/cabinetAddTelephoneTextView"
android:layout_centerHorizontal="true"
android:layout_marginTop="5dp"
style="@style/ProfileSimpleTextView"/>
</RelativeLayout>
<RelativeLayout
android:id="@+id/cabinetTrustLineLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="3dp"
android:background="@color/cello_transparent">
</RelativeLayout>
</LinearLayout>
<RelativeLayout
android:id="@+id/cabinetContractorListLayout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/trustLineTitleTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_alignParentTop="true"
android:layout_marginTop="8dp"
style="@style/CabinetTrustLinesTextView"
android:text="@string/trust_lines" />
<ProgressBar
android:id="@+id/cabinetProgressBar"
style="?android:progressBarStyleLarge"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:layout_centerHorizontal="true"
android:visibility="gone"/>
<ListView
android:id="@+id/cabinetContractorsListView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@id/trustLineTitleTextView"
android:layout_marginTop="2dp">
</ListView>
</RelativeLayout>
</LinearLayout>
</ScrollView>
</android.support.v4.widget.SwipeRefreshLayout>
如何隱藏工具欄中的cabinetTopLayout(向下滾動時折疊工具欄)? 有可能嗎?
NestedScrollView
而不是ScrollView
。app:layout_behavior="@string/appbar_scrolling_view_behavior"
設置為NestedScrollView
而不是將其添加到片段容器中。一個完整的工作示例:
活動.xml
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<fragment
android:id="@+id/fragment"
android:name="io.victoralbertos.stackoverflow.ChildFragment"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:layout="@layout/child_fragment"/>
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_scrollFlags="scroll|enterAlways"/>
</android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>
child_fragment.xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView
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"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:background="@color/colorAccent"
android:textSize="150sp"
android:text="Scroll me as much as you need"
android:layout_height="match_parent"/>
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
Fragment can access the parent activity instance with getActivity().by using that instance you can access the parent activity views
//This is your view reference
View view = getActivity().findViewById(R.id.toobar);
//This is your scroll view reference
scroll = (ScrollView) rootView.findViewById(R.id.scrooll_id);
//Adding on touch listener
scroll.setOnTouchListener(this);
@Override
public boolean onTouch(View v, MotionEvent event) {
// mGestureDetector.onTouchEvent(event);
switch (event.getAction) {
switch (action) {
case MotionEvent.ACTION_DOWN:
//Initial values
initialX = event.getX();
initialY = event.getY();
// Log.d(TAG, "Action was DOWN");
break;
case MotionEvent.ACTION_MOVE:
// Log.d(TAG, "Action was MOVE");
break;
case MotionEvent.ACTION_UP:
//final values
float finalX = event.getX();
float finalY = event.getY();
break;
case MotionEvent.ACTION_CANCEL:
Log.d(TAG, "Action was CANCEL");
break;
}
return false;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.