Depth

Add some Depth to your fragments

The blue comes from the activity background color

In your activity

final Depth depth = DepthProvider.getDepth(container); depth       .animate()       .reduce(oldFragment)
.exit(oldFragment)
.enter(newFragment)       .start();

In your fragment

private Depth depth;
@Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {     this.depth = DepthProvider.getDepth(container);     return depth.setupFragment(10f, 10f, inflater.inflate(R.layout.fragment_1, container, false)); }
@Override public void onViewCreated(final View view, Bundle savedInstanceState) {     super.onViewCreated(view, savedInstanceState);
depth.onFragmentReady(this); }

Customize the animations

depth
     .animate()
     .reduce(oldFragment, new ReduceConfiguration()
             .setRotationZ(0f)
             .setRotationX(30f)
             .setDuration(1000)
     )
.exit(oldFragment, new ExitConfiguration()              .setFinalXPercent(0f)              .setFinalYPercent(-1f)      )      .enter(newFragment, new EnterConfiguration()              .setInitialXPercent(0f)              .setInitialYPercent(1f)              .setInitialRotationZ(0f)              .setInitialRotationX(30f)      )      .start();

Add multiples DepthLayouts

Don't use depth.setupFragment(

But manually create your own layout with DepthRelativeLayoutContainerand DepthRelativeLayout

<com.github.florent37.depth.DepthRelativeLayoutContainer xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layoutwidth="matchparent"
    android:layoutheight="matchparent">
<com.github.florent37.depth.DepthRelativeLayout         android:layoutwidth="matchparent"         android:layoutheight="matchparent"         android:layoutbelow="@+id/statusbar"         android:background="@android:color/white"         app:depth_value="2dp"         app:depth_zIndex="0">
<LinearLayout             android:layoutwidth="wrapcontent"             android:layoutheight="wrapcontent"             android:layout_centerHoriz             android:layout_centerVertical="true"             android:orientation="vertical">
<View                 android:id="@+id/next"                 android:layout_width="40dp"                 android:layout_height="40dp"                 android:layout_centerInParent="true"                 android:layout_marginBottom="10dp"                 android:background="@drawable/circle_blue" />
<View                 android:id="@+id/open_reset"                 android:layout_width="40dp"                 android:layout_height="40dp"                 android:layout_centerInParent="true"                 android:background="@drawable/circle_blue" />
</LinearLayout>
</com.github.florent37.depth.DepthRelativeLayout>
<com.github.florent37.depth.DepthRelativeLayout         android:layoutwidth="matchparent"         android:layoutheight="wrapcontent"         android:layoutbelow="@+id/statusbar"         android:background="@android:color/white"         app:depth_value="2dp"         app:depth_zIndex="1">
<View             android:id="@+id/status_bar"             android:layoutwidth="matchparent"             android:layout_height="25dp"             android:background="@color/colorPrimaryDark" />
<com.github.florent37.awesomebar.AwesomeBar             android:layoutwidth="matchparent"             android:layoutheight="wrapcontent"             android:background="@android:color/white"             android:layoutbelow="@+id/statusbar"             app:bar_animatedIc             app:bar_primaryColor="@color/colorPrimary"             app:bar_primaryDarkColor="@color/colorPrimaryDark" />
</com.github.florent37.depth.DepthRelativeLayout>
</com.github.florent37.depth.DepthRelativeLayoutContainer>

#Download

In your module

compile 'com.github.florent37:depth:1.0.0'

Changelog

1.0.0

Initial import

Community

Forked from danielzeller/Depth-LIB-Android- Thanks for their amazing work !

Credits

Author: Florent Champigny

Fiches Plateau Moto : https://www.fiches-plateau-moto.fr/

License

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

🔗 More in this category