Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/florent37/Depth

Add some Depth to your fragments
https://github.com/florent37/Depth

3d android animation depth design fragment material scale transition translation

Last synced: 1 day ago
JSON representation

Add some Depth to your fragments

Host: GitHub
URL: https://github.com/florent37/Depth
Owner: florent37
License: mit
Archived: true
Created: 2017-03-02T15:27:00.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2018-10-01T09:07:09.000Z (over 5 years ago)
Last Synced: 2024-05-02T03:04:16.011Z (about 2 months ago)
Topics: 3d, android, animation, depth, design, fragment, material, scale, transition, translation
Language: Java
Homepage:
Size: 10.8 MB
Stars: 779
Watchers: 27
Forks: 95
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Lists

awesome-github-android-ui - Depth - 在fragments中添加Depth (其他)
awesome-github-android-ui - Depth - 在fragments中添加Depth (其他)

README

        # Depth

Add some Depth to your fragments



  



[![gif](https://raw.githubusercontent.com/florent37/Depth/master/media/default.gif)](https://github.com/florent37/Depth)

[![gif](https://raw.githubusercontent.com/florent37/Depth/master/media/revert.gif)](https://github.com/florent37/Depth)

**The blue comes from the activity background color**

In your **activity**

```java

final Depth depth = DepthProvider.getDepth(container);

depth

      .animate()

      .reduce(oldFragment)

      .exit(oldFragment)

      .enter(newFragment)

      .start();

```

In your **fragment**

```java

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

```java

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();

```

[![gif](https://raw.githubusercontent.com/florent37/Depth/master/media/top.gif)](https://github.com/florent37/Depth)

[![gif](https://raw.githubusercontent.com/florent37/Depth/master/media/left.gif)](https://github.com/florent37/Depth)

# Add multiples DepthLayouts

Don't use `depth.setupFragment(`

But manually create your own layout with `DepthRelativeLayoutContainer`and `DepthRelativeLayout`

```xml

    

        

            

            

        

    

    

        

        

    

```

[![gif](https://raw.githubusercontent.com/florent37/Depth/master/media/revert.gif)](https://github.com/florent37/Depth)

#Download



In your module [![Download](https://api.bintray.com/packages/florent37/maven/depth/images/download.svg)](https://bintray.com/florent37/maven/depth/_latestVersion)

```groovy

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

```

# Changelog

## 1.0.0

Initial import

# Community

Forked from [danielzeller/Depth-LIB-Android-](https://github.com/danielzeller/Depth-LIB-Android-)

Thanks for their amazing work !

# Credits

Author: Florent Champigny

Fiches Plateau Moto : [https://www.fiches-plateau-moto.fr/](https://www.fiches-plateau-moto.fr/)



  





  





  





  



# License

    Copyright 2017 florent37, Inc.

    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.