Как я могу создать этот макет?

Question

Я работаю над приложением, для которого требуется макет, как описано ниже.

В макете есть четыре раздела, скажем, Макет A, B,C и D.

1. Макет A является панелью приложений и закреплен сверху.

2. Макет D скрыт и отображается наскроллинг с некоторыми дополнительными эффектами.

   • При прокрутке вверх Layout-D отображается снизу, а Layout-C начинает исчезать.
   • Все остается как есть, пока Layout-D полностью не перекрывается Layout-C .
   • После Layout-D полностью перекрывается Layout-C , при дальнейшей прокрутке вверх Layout B начинает прокручиваться вверх.

3. Аналогично при прокрутке вниз, сначала Layout-D прокручивается вниз, затем появляется Layout-B .При дальнейшей прокрутке вниз Layout-D скрывается под, и Layout-C снова появляется с эффектом затухания.

Я уже потратилдва дня и пытался использовать BottomSheet с компоновкой координатора, но не смог добиться точных эффектов.Кроме того, эффект прокрутки BottomSheet не такой плавный, т. Е. Если он внезапно появляется и скрывается.

Еще одна вещь, которую я собираюсь использовать, - это пользовательское поведение с макетом координатора, но не уверен, как действовать.

.

Answer 1

используйте фрагмент с поведением нижнего листа, как следует из родительского действия или фрагмента:

<android.support.design.widget.CoordinatorLayout
        android:id="@+id/bottomsheetfragmenCoordinatorLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/colorBlackOpacity"
        android:clickable="true"
        >
        <android.support.constraint.ConstraintLayout
            android:id="@+id/bottomsheetfragmentLayout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="1.0"
            app:layout_constraintStart_toStartOf="parent"
            app:behavior_hideable="true"
            app:behavior_peekHeight="50dp"
            app:elevation="4dp"
            app:layout_behavior="@string/bottom_sheet_behavior">

            <fragment
                android:id="@+id/bottomsheetfragment"
                android:name="com.example.inslem.it.BottomSheet"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintHorizontal_bias="0.0"
                app:layout_constraintStart_toStartOf="parent" />
       </android.support.constraint.ConstraintLayout>
</android.support.design.widget.CoordinatorLayout>

фрагмент нижнего листа:

public class BottomSheet extends Fragment {

    public BottomSheet() {
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.fragment_bottom_sheet, container, false);

        return view;
    }

    @Override
    public void onViewCreated(@NonNull final View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);

    }
}

и из родительского действия или родительского фрагмента получитенижний лист

@Override
public void onViewCreated(@NonNull final View view, @Nullable Bundle savedInstanceState) {
    bottomsheetfragmenCoordinatorLayout = view.findViewById(R.id.bottomsheetfragmenCoordinatorLayout);
            behavior = BottomSheetBehavior.from(bottomsheetfragmentLayout);
            behavior.setPeekHeight(250);
            behavior.setBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
                @Override
                public void onStateChanged(@NonNull View bottomSheet, int newState) {
                    switch (newState) {
                        case BottomSheetBehavior.STATE_DRAGGING:
                            break;
                        case BottomSheetBehavior.STATE_SETTLING:
                            break;
                        case BottomSheetBehavior.STATE_EXPANDED:
                            break;
                        case BottomSheetBehavior.STATE_COLLAPSED:
                            break;
                        case BottomSheetBehavior.STATE_HIDDEN:
                            break;
                    }
                }

                @Override
                public void onSlide(@NonNull View bottomSheet, float slideOffset) {
                    Log.i("BottomSheetCallback", "slideOffset: " + slideOffset);
                }
            });
}