kandi background
Explore Kits

spruce-android | Spruce Animation Library | Animation library

 by   willowtreeapps Java Version: 1.1.0 License: MIT

 by   willowtreeapps Java Version: 1.1.0 License: MIT

Download this library from

kandi X-RAY | spruce-android Summary

spruce-android is a Java library typically used in User Interface, Animation applications. spruce-android has no bugs, it has no vulnerabilities, it has build file available, it has a Permissive License and it has medium support. You can download it from GitHub.
To make sure that developers can use Spruce out of the box, we included about 8 stock SortFunction implementations. These are some of the main functions we use at WillowTree and are so excited to see what others come up with!. Check out the docs here for more information.
Support
Support
Quality
Quality
Security
Security
License
License
Reuse
Reuse

kandi-support Support

  • spruce-android has a medium active ecosystem.
  • It has 3554 star(s) with 368 fork(s). There are 86 watchers for this library.
  • It had no major release in the last 12 months.
  • There are 1 open issues and 26 have been closed. On average issues are closed in 118 days. There are no pull requests.
  • It has a neutral sentiment in the developer community.
  • The latest version of spruce-android is 1.1.0
spruce-android Support
Best in #Animation
Average in #Animation
spruce-android Support
Best in #Animation
Average in #Animation

quality kandi Quality

  • spruce-android has 0 bugs and 0 code smells.
spruce-android Quality
Best in #Animation
Average in #Animation
spruce-android Quality
Best in #Animation
Average in #Animation

securitySecurity

  • spruce-android has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
  • spruce-android code analysis shows 0 unresolved vulnerabilities.
  • There are 0 security hotspots that need review.
spruce-android Security
Best in #Animation
Average in #Animation
spruce-android Security
Best in #Animation
Average in #Animation

license License

  • spruce-android is licensed under the MIT License. This license is Permissive.
  • Permissive licenses have the least restrictions, and you can use them in most projects.
spruce-android License
Best in #Animation
Average in #Animation
spruce-android License
Best in #Animation
Average in #Animation

buildReuse

  • spruce-android releases are available to install and integrate.
  • Build file is available. You can build the component from source.
  • Installation instructions are not available. Examples and code snippets are available.
  • spruce-android saves you 5741 person hours of effort in developing the same functionality from scratch.
  • It has 5688 lines of code, 366 functions and 83 files.
  • It has medium code complexity. Code complexity directly impacts maintainability of the code.
spruce-android Reuse
Best in #Animation
Average in #Animation
spruce-android Reuse
Best in #Animation
Average in #Animation
Top functions reviewed by kandi - BETA

kandi has reviewed spruce-android and discovered the below as its top functions. This is intended to give you an instant insight into spruce-android implemented functionality, and help decide if they suit your requirements.

  • Sets the text for the sort button .
  • Returns an animatorSet for the set of animators .
  • Updates the current state of this mass .
  • Set selected radio button .
  • Gets the view list with time offsets from the given list of views .
  • Initialize the hash map .
  • Create the list view .
  • Do the animated value .
  • Updates the value and velocity .
  • Override this method to start menu item selection .

spruce-android Key Features

NORMAL_MODE: This mode should be used when you have view groups like Constraint/Frame/Relative/Linear Layouts. We feed a list of ids to be excluded to the SpruceBuilder.

R_L_MODE: This mode is used when we have ListView/RecyclerView. The only difference with the first mode is that we pass in the positions to be excluded instead of Ids.

Gradle

copy iconCopydownload iconDownload
repositories {
	maven {
		url  "https://dl.bintray.com/bfears/maven"
	}
}

Basic Usage

copy iconCopydownload iconDownload
Animator spruceAnimator = new Spruce
        .SpruceBuilder(parentViewGroup)
        .sortWith(new Default(/*interObjectDelay=*/50L))
        .animateWith(new Animator[] {DefaultAnimations.shrinkAnimator(parentViewGroup, /*duration=*/800)})
        .start();

Running the Animation

copy iconCopydownload iconDownload
Animator spruceAnimator = new Spruce
        .SpruceBuilder(parentViewGroup)
        .sortWith(new DefaultSort(/*interObjectDelay=*/50L))
        .animateWith(animators)
        .start();

Using a SortFunction

copy iconCopydownload iconDownload
LinearSort sort = new LinearSort(/*interObjectDelay=*/100L, /*reversed=*/false, LinearSort.Direction.TOP_TO_BOTTOM);

The SortFunction Interface

copy iconCopydownload iconDownload
public abstract class SortFunction {
    public abstract List<SpruceTimedView> getViewListWithTimeOffsets(ViewGroup parent, List<View> children);
}

View Exclusion Feature

copy iconCopydownload iconDownload
Animator spruceAnimator = new Spruce
        .SpruceBuilder(parentViewGroup)
        .sortWith(new LinearSort(/*interObjectDelay=*/100L, /*reversed=*/false, LinearSort.Direction.TOP_TO_BOTTOM))
        .excludeViews(getExcludedViewIds(), NORMAL_MODE)
        //or 
       .excludeViews(getExcludedViewPosition(), R_L_MODE)
        .start();

Sort Function Interpolators

copy iconCopydownload iconDownload
Animator spruceAnimator = new Spruce
        .SpruceBuilder(parentViewGroup)
        .sortWith(new LinearSort(/*interObjectDelay=*/100L, /*reversed=*/false, LinearSort.Direction.TOP_TO_BOTTOM))
        .addInterpolator(new LinearInterpolator())
        .start();

Spruce Dynamics

copy iconCopydownload iconDownload
Animator spruceAnimator = new Spruce
        .SpruceBuilder(parentViewGroup)
        .sortWith(new LinearSort(/*interObjectDelay=*/100L, /*reversed=*/false, LinearSort.Direction.TOP_TO_BOTTOM))
        .animateWith(DefaultAnimations.dynamicTranslationUpwards(parent))
        .start();

Community Discussions

Trending Discussions on Animation
  • Xamarin.Forms animation inside Listview stops working if collection changes
  • How to repeat Android Animation
  • How to detect that a button is pressed in Jetpack Compose?
  • SVG stop running chained animation (<animate> tag)
  • additionalSafeAreaInsets is not accounted for during view controller dismissal, using custom UIViewControllerTransitioningDelegate
  • How can I prevent my Animations from starting when the other animations are playing?
  • SwiftUI view animates at unexpected path
  • Vue.js CSS animation not working correctly when using v-if
  • Animating wave pulse using matplotlib
  • How do I disable UIStackView default show/hide animation?
Trending Discussions on Animation

QUESTION

Xamarin.Forms animation inside Listview stops working if collection changes

Asked 2022-Mar-22 at 05:34

I am having a hard time figuring what's going on with my animation.

Viewmodel is composed of an ObservableCollection and every item contains a child ObservableCollection.

Parents collection is bound to a BindableLayout. The ItemTemplate of that layout contains a Listview to display child's elements.

<StackLayout BindableLayout.ItemsSource ="{Binding Parents}">
    <BindableLayout.ItemTemplate>
        <DataTemplate x:DataType="models:ParentRows">
            <StackLayout>      
                <Grid BackgroundColor="White" >
                     <!-- Some bindable content there -->
                </Grid>
            
               <ListView ItemsSource="{Binding Childs}" CachingStrategy="RecycleElementAndDataTemplate" RowHeight="50">
                    <ListView.ItemTemplate>
                        <DataTemplate x:DataType="models:ChildRows">
                            <ViewCell>
                                <StackLayout BackgroundColor="White">
                                    <controls:AnimatedGrid Refresh="{Binding Animation}"
                                          <!-- Some bindable content there -->
                                    </controls:AnimatedGrid>
                                </StackLayout>
                            </ViewCell>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
            </StackLayout>
        </DataTemplate>
    </BindableLayout.ItemTemplate>
</StackLayout>

I am using an AnimatedGrid on the child listview, this control is inherinting from Grid. It has an extra BindableProperty nammed Refresh and an Animation code that gets called whenever Refresh property changes.

        private async void AnimateItem()
        {
            await Device.InvokeOnMainThreadAsync(() =>
            {
                this.RotateTo(360,500);
            });
        }

Everything works fine until i start filtering the list. Once i filter the list, subsequent call of AnimateItem will have no effect. To be more precise, if parent item got removed from list, and then added again, childs of this parent will never animate again. Filtering the List consist of Removing/Inserting parents to the observable collection (myCollection.Remove(item), myCollection.Insert(index, item), using Collection methods from framework).

This does not seems to be an observable collection binding issue, as values inside parent and childs collection still update perfectly find. Changing CachingStrategy also have no impact on the issue.

I found that, if i replace the ListView control by a CollectionView, the problem disappear. However, i realy want to find a solution that would alow me to keep the listview control as switching to CollectionView would introduce to many other undesirable effect.

Edit 22/02/2022 : I made a sample project to reproduce the issue on github.

  • Basicaly, you can click the "Rotate Random" multiple time to make random child spin.
  • Once you click the "Remove and add 2 parent", you can see that the removed/reinserted items does not rotate anymore.

Edit 15/03/2022 : I am still not able to figure what's wrong. However, for test purpose, i added in the control constructor, a task.delay followed by an animation call, and this call is working on filtered items. That's beyond my understanding.

ANSWER

Answered 2022-Mar-22 at 05:16

The solution

In your AnimatedGrid class, add an isAttached flag, and add the following lines to your OnPropertyChanged override:

bool isAttached = false;

protected override void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
    base.OnPropertyChanged(propertyName);

    if (propertyName == "Renderer")
    {
        isAttached = !isAttached;
        if (!isAttached) this.RemoveBinding(RefreshProperty);
    }

    if (propertyName == nameof(Refresh))
    {
    ...

The why

Disclaimer: it took me a long time to figure out what was going on here, and although i was able to fix the problem, i would not claim that i completely and perfectly understand it. I believe this is a bug in Xamarin, and in your case i would file an issue in Github (although maybe MAUI will have this corrected...)

When a ChildItem is removed (do Filter), the old ChildItem-AnimatedGrid's Refresh property remains bound to the ChildItem's AnimationInt property.

When a ChildItem is added again (remove Filter), a new view is created.

Now the problem is evident: when the ChildItem's AnimationInt property changes (tap on ROTATE RANDOM button) the old ChildItem-AnimatedGrid's Refresh is notified, and then the old View is rotated, but the new ramains unchanged (it does not rotate).


Once the problem is understood, we need to figure out how to remove the binding of the old view when the view is dettached: well, to do this i used the fact that the VisualElement's Renderer property is set/modified when the element is attached and again when it is detached: The fist time it is called i set the isAttached flag to true. The second time it is called i set the flag to false, and i remove the binding. Removing the binding of the old View allows the new View to be correctly bound.

Source https://stackoverflow.com/questions/71190208

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install spruce-android

You can download it from GitHub.
You can use spruce-android like any standard Java library. Please include the the jar files in your classpath. You can also use any IDE and you can run and debug the spruce-android component as you would do with any other Java program. Best practice is to use a build tool that supports dependency management such as Maven or Gradle. For Maven installation, please refer maven.apache.org. For Gradle installation, please refer gradle.org .

Support

For javadocs checkout the documentation for more information.

DOWNLOAD this Library from

Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from
over 430 million Knowledge Items
Find more libraries
Reuse Solution Kits and Libraries Curated by Popular Use Cases

Save this library and start creating your kit

Explore Related Topics

Share this Page

share link
Reuse Pre-built Kits with spruce-android
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from
over 430 million Knowledge Items
Find more libraries
Reuse Solution Kits and Libraries Curated by Popular Use Cases

Save this library and start creating your kit

  • © 2022 Open Weaver Inc.