0

Я использую новую библиотеку поддержки. Как вы можете видеть по gif и коду ниже, у меня есть стандартная настройка для панели расширения/свертывания, которая содержит изображение.FAB не прокручивает панель инструментов при привязке к TextView, используя новую библиотеку поддержки дизайна

Под панелью приложений у меня есть NestedScrollView, который содержит текстовое изображение между прочим. Как вы можете видеть в самом конце кода, у меня есть FAB, привязанный к текстуру. Я хочу, чтобы FAB прокручивался под панелью инструментов.

Любая помощь будет высоко оценена. Благодарю.

<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:fitsSystemWindows="true"> 

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

     <android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/collapsingToolbarLayout" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:background="@android:color/transparent" 
      app:layout_scrollFlags="exitUntilCollapsed|scroll" 
      app:expandedTitleTextAppearance="@style/TransparentText" 
      app:collapsedTitleTextAppearance="@style/TransparentText"> 

      <ImageView 
       android:id="@+id/venue_image" 
       android:layout_width="match_parent" 
       android:layout_height="200dp" 
       android:layout_gravity="top" 
       app:layout_collapseMode="parallax" /> 

      <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       android:layout_width="match_parent" 
       android:layout_height="?android:actionBarSize" 
       android:minHeight="?actionBarSize" 
       android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
       app:layout_collapseMode="pin" 
       app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/> 

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

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

    <android.support.v4.widget.NestedScrollView 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" 
     app:layout_collapseMode="parallax" 
     app:layout_scrollFlags="scroll"> 

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

      <TextView 
       android:id="@+id/test_textview" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:paddingLeft="48dp" 
       android:layout_gravity="bottom" 
       android:background="@color/primary" 
       android:minHeight="?android:actionBarSize" 
       android:paddingBottom="16dp" 
       android:paddingRight="16dp" 
       android:paddingTop="16dp" 
       android:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit" 
       android:textColor="@android:color/white" 
       android:textSize="@dimen/expanded_toolbar_text"/> 

     </LinearLayout> 

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

    <!-- Anchored to @+id/test_textview--> 
    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fabBtn" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginEnd="16dp" 
     android:layout_marginRight="16dp" 
     android:clickable="true" 
     android:src="@drawable/ic_heart_white_24dp" 
     app:fabSize="normal" 
     app:layout_anchor="@+id/toolbar_textview" 
     app:layout_anchorGravity="bottom|right|end" /> 

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

enter image description here

ответ

1

Попробуйте это:

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/fabBtn" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_marginEnd="16dp" 
    android:layout_marginRight="16dp" 
    android:clickable="true" 
    android:src="@drawable/ic_heart_white_24dp" 
    app:fabSize="normal" 
    app:layout_anchor="@+id/app_bar_layout" 
    app:layout_anchorGravity="bottom|right|end" /> 

Я заменил якорь @+id/toolbar_textview с @+id/app_bar_layout, это правильный подход, который должен работать.

+1

Спасибо. Я надеялся, что вокруг этого есть способ. Я думаю, ваше решение будет делать. – HaloMediaz

Смежные вопросы