TreeView alternatives and similar packages
Based on the "Animations" category.
Alternatively, view TreeView alternatives based on common mentions on social networks and blogs.
-
Lottie for Android, iOS, and React Native
Render After Effects animations natively on Android and iOS -
UltimateAndroidReference
🚀 Ultimate Android Reference - Your Road to Become a Better Android Developer -
ListViewAnimations
An Android library which allows developers to easily add animations to ListView items -
NineOldAndroids
Android library for using the Honeycomb animation API on all versions of the platform back to 1.0! -
android-flip
A component for flip animation on Android, which is similar to the effect in Flipboard iPhone/Android -
ChatKit for Android
Flexible components for chat UI implementation with flexible possibilities for styling, customizing and data management -
RecyclerViewItemAnimators
This repo provides simple animators for the item views in the RecyclerView This code is cloned from DefaultItemAnimator provided by Google customizing the animations. -
PhotoEditor
A Photo Editor library with simple, easy support for image editing using paints,text,emoji and Sticker like stories. -
ViewPagerTransforms
Library containing common animations needed for transforming ViewPager scrolling for Android v13+. -
android-ripple-background
A beautiful ripple animation for your app -
FabulousFilter
Android library to animate Floating Action Button to Bottom Sheet Dialog and vice-versa -
BaseAnimation
BaseAnimation network Android animation set, custom controls, nearly 200 kinds of source code! BaseAnimation, if a new version is updated automatically to remind everyone, I hope everyone will contribute their animated XML files or other source, together to create this open source app! -
EasyAndroidAnimations
Easy Android Animations is an animation library that aims to make android animations easier, with 50+ builtin animations, it allows you to introduce many complex animation effects in your application with one or two lines of code. -
PreLollipopTransition
Simple tool which help you to implement activity transition for pre-Lollipop devices. -
Stfalcon ImageViewer
A simple and customizable Android full-screen image viewer with shared image transition support, "pinch to zoom" and "swipe to dismiss" gestures -
EasyFlipView
A quick and easy flip view through which you can create views with two sides like credit cards, poker cards etc. -
TransitionPlayer
Android library to control Transition animates. A simple way to create a interactive animation. -
Road Runner
Road Runner is a library for android which allow you to make your own loading animation using a SVG image -
WhatTodo
A Simple Todo app design in flutter to keep track of your task on daily basis.You can add project,labels and due-date to your task also you can sort your task on the basis of project, label and dates -
AppIntroAnimation
AppIntroAnimation is a set of code snippets to make cool intro screen for your app with special Image Translation and Transformation animation effects. It is very easy to use and customize without adding third party library integrations. -
Youtube UI/UX Animation
With MVVM Architecture pattern using Android Architecture Components This is a sample app demonstrating Youtube player animation using constraint layout -
Dachshund Tab Layout
Extended Android tab layout with animated indicators that have continuous feedback. -
TextFieldBoxes
New Material Design text field that comes in a box, based on Google Material Design guidelines.
Get performance insights in less than 4 minutes
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest. Visit our partner's website for more details.
Do you think we are missing an alternative of TreeView or a related project?
README
GraphView
Android GraphView is used to display data in graph structures.
[alt Logo](image/GraphView_logo.png "Graph Logo")
Overview
The library is designed to support different graph layouts and currently works with small graphs only.
This project is currently experimental and the API subject to breaking changes without notice.
Download
dependencies {
implementation 'de.blox:graphview:0.7.1'
}
Layouts
Tree
Uses Walker's algorithm with Buchheim's runtime improvements (BuchheimWalkerAlgorithm
class). Supports different orientations. All you have to do is using the BuchheimWalkerConfiguration.Builder.setOrientation(int)
with either ORIENTATION_LEFT_RIGHT
, ORIENTATION_RIGHT_LEFT
, ORIENTATION_TOP_BOTTOM
and
ORIENTATION_BOTTOM_TOP
(default). Furthermore parameters like sibling-, level-, subtree separation can be set.
Directed graph
Directed graph drawing by simulating attraction/repulsion forces. For this the algorithm by Fruchterman and Reingold (FruchtermanReingoldAlgorithm
class) was implemented.
Layered graph
Algorithm from Sugiyama et al. for drawing multilayer graphs, taking advantage of the hierarchical structure of the graph (SugiyamaAlgorithm
class). You can also set the parameters for node and level separation using the SugiyamaConfiguration.Builder
.
Usage
Using GraphView is not much different than using RecyclerView. Add GraphView to your layout file.
<com.otaliastudios.zoom.ZoomLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
app:hasClickableChildren="true">
<de.blox.graphview.GraphView
android:id="@+id/graph"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:lineColor="@android:color/holo_blue_dark"
app:lineThickness="2dp"
app:useMaxSize="true" />
</com.otaliastudios.zoom.ZoomLayout>
Currently GraphView must be used together with a Zoom Engine like ZoomLayout. To change the zoom values just use the different attributes described in the ZoomLayout project site.
Then define the node layout, e.g. node.xml
. You can make the node Layout as complex as you want.
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
To create a graph, we need to instantiate the Graph
class. Next bind your graph to GraphView, for that you must extend from the GraphView.Adapter
class.
public class GraphActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
GraphView graphView = findViewById(R.id.graph);
// example tree
final Graph graph = new Graph();
final Node node1 = new Node("Parent");
final Node node2 = new Node("Child 1");
final Node node3 = new Node("Child 2");
graph.addEdge(node1, node2);
graph.addEdge(node1, node3);
// you can set the graph via the constructor or use the adapter.setGraph(Graph) method
GraphAdapter adapter = new GraphAdapter<GraphView.ViewHolder>(graph) {
@NonNull
@Override
public GraphView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
final View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.node, parent, false);
return new SimpleViewHolder(view);
}
@Override
public void onBindViewHolder(GraphView.ViewHolder viewHolder, Object data, int position) {
((SimpleViewHolder) viewHolder).textView.setText(data.toString());
}
};
graphView.setAdapter(adapter);
// set the algorithm here
final BuchheimWalkerConfiguration configuration = new BuchheimWalkerConfiguration.Builder()
.setSiblingSeparation(100)
.setLevelSeparation(300)
.setSubtreeSeparation(300)
.setOrientation(BuchheimWalkerConfiguration.ORIENTATION_TOP_BOTTOM)
.build();
graphView.setLayout(new BuchheimWalkerAlgorithm(configuration));
}
}
Your ViewHolder class should extend from GraphView.ViewHolder
:
class SimpleViewHolder extends GraphView.ViewHolder {
TextView textView;
SimpleViewHolder(View itemView) {
super(itemView);
textView = itemView.findViewById(R.id.text);
}
}
Customization
To use the custom attributes you have to add the namespace first:
xmlns:app="http://schemas.android.com/apk/res-auto"
Attribute | Format | Example | Explanation |
---|---|---|---|
lineThickness | Dimension | 10dp | Set how thick the connection lines should be |
lineColor | Color | "@android:color/holo_red_dark" | Set the color of the connection lines |
useMaxSize | Boolean | true | Use the same size for each node |
Each of the attributes has a corresponding setter in the GraphView class, if you want to use it programmatically.
Examples
Rooted Tree
[alt Example](image/Tree.png "Tree Example")
Directed Graph
[alt Example](image/Graph.png "Graph Example")
Layered Graph
[alt Example](image/LayeredGraph.png "Layered Graph Example")
License
Copyright 2020 Team-Blox
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.
*Note that all licence references and agreements mentioned in the TreeView README section above
are relevant to that project's source code only.