FoldingCell alternatives and similar packages
Based on the "Layout Widget" category.
Alternatively, view FoldingCell alternatives based on common mentions on social networks and blogs.
-
SmartRefreshLayout
🔥下拉刷新、上拉加载、二级刷新、淘宝二楼、RefreshLayout、OverScroll,Android智能下拉刷新框架,支持越界回弹、越界拖动,具有极强的扩展性,集成了几十种炫酷的Header和 Footer。 -
SmartTabLayout
A custom ViewPager title strip which gives continuous feedback to the user when scrolling -
FreeFlow
A layout engine for Android that decouples layouts from the View containers that manage scrolling and view recycling. FreeFlow makes it really easy to create custom layouts and beautiful transition animations as data and layouts change -
android-PullRefreshLayout
This component like SwipeRefreshLayout, it is more beautiful than SwipeRefreshLayout. -
android-flowlayout
Linear layout, that wrap its content to the next line if there is no space in the current line. -
SuperSwipeRefreshLayout
A custom SwipeRefreshLayout to support the pull-to-refresh featrue.RecyclerView,ListView,GridView,NestedScrollView,ScrollView are supported. -
DragTopLayout
DEPRECATED, Please use another library https://github.com/henrytao-me/smooth-app-bar-layout/ -
Vorolay
VoronoiView is a view (ViewGroup) that allows you to add and display views inside Voronoi diagram regions. -
FlowLayout
Android implementation of FlowLayout. Layout arranges its children in multiple rows depending on their width. -
Android-MosaicLayout-v0.1
[UNMAINTAINED]: AndroidMosaicLayout is android layout to display group of views as grid consists of different asymmetric patterns (90 different patterns). -
Android-RatioLayout
This is a specified proportion to the size of the Layout or View support library, with which you can easily set a fixed ratio of the size of the Layout or View, internal adaptive size calculation, completely abandon the code to calculate the size! If you have any questions in the course or suggestions, please send an e-mail to the following e-mail, thank you! -
GooglePlusLayout
GoolgePlusLayout is a custom layout that plays animation on the children views while scrolling as the layout in the Google Plus (android) main page
WorkOS - The modern identity platform for B2B SaaS
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of FoldingCell or a related project?
README
FOLDING CELL [JAVA]
Expanding content cell with animation inspired by folding paper card material design.
We specialize in the designing and coding of custom UI for Mobile Apps and Websites. Stay tuned for the latest updates:
Requirements
- Android 4.0 IceCreamSandwich (API lvl 14) or greater
- Your favorite IDE
Installation
Just download the package from here and add it to your project classpath, or just use the maven repo:
Gradle:
'com.ramotion.foldingcell:folding-cell:1.2.3'
SBT:
libraryDependencies += "com.ramotion.foldingcell" % "folding-cell" % "1.2.3"
Maven:
<dependency>
<groupId>com.ramotion.foldingcell</groupId>
<artifactId>folding-cell</artifactId>
<version>1.2.3</version>
</dependency>
Basic usage
- Add
com.ramotion.foldingcell.FoldingCell
to your layout xml <com.ramotion.foldingcell.FoldingCell xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/folding_cell" android:layout_width="match_parent" android:layout_height="wrap_content"> </com.ramotion.foldingcell.FoldingCell>
- Add exactly two child elements to your cell. The first child (content view) always represents the unfolded state layout and the second child (title view) represents folded state layout. Of course, those layouts can contain any number of child elements and they can be any complexity, but to work correctly, there are some limitations: content view height must be at least 2x times greater than title view height, and the height of each of those layouts must be set to
android:layout_height="wrap_content"
. If you want to set exact height indp
, you can set height for child elements in your own layout inside content view or title view. Also, you need to hide your content view layout usingandroid:visibility="gone"
. xml <com.ramotion.foldingcell.FoldingCell xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/folding_cell" android:layout_width="match_parent" android:layout_height="wrap_content"> <FrameLayout android:id="@+id/cell_content_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@android:color/holo_green_dark" android:visibility="gone"> <TextView android:layout_width="match_parent" android:layout_height="250dp" /> </FrameLayout> <FrameLayout android:id="@+id/cell_title_view" android:layout_width="match_parent" android:layout_height="wrap_content"> <TextView android:layout_width="match_parent" android:layout_height="100dp" android:background="@android:color/holo_blue_dark" /> </FrameLayout> </com.ramotion.foldingcell.FoldingCell>
- Almost done! Two steps remain! For correct animation, you need to set up two properties on the root element(s) of your Folding Cell:
xml android:clipChildren="false" android:clipToPadding="false"
- Final step! Add onClickListener to your Folding Cell in
MainActivity.java
to toggle animation: java @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // get our folding cell final FoldingCell fc = (FoldingCell) findViewById(R.id.folding_cell); // attach click listener to folding cell fc.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { fc.toggle(false); } }); }
- Extra step - customizing cell settings. For now, there are three main parameters - animation time, back side color and additional flips count. If first two do not cause questions, the third requires an some explanation. It is count of flips to be executed after first(main) flip. Default value is
0
(auto choose). Also there is a fourth, additional parameter - camera height, it controls level(depth) of 3d effect. There are two ways to change cell settings: From xml layout file withres-auto
namespacexmlns:folding-cell="http://schemas.android.com/apk/res-auto"
:xml folding-cell:animationDuration="1000" folding-cell:backSideColor="@color/bgBackSideColor" folding-cell:additionalFlipsCount="2" folding-cell:cameraHeight="30"
Or from code:java // get our folding cell final FoldingCell fc = (FoldingCell) findViewById(R.id.folding_cell); // set custom parameters fc.initialize(1000, Color.DKGRAY, 2); // or with camera height parameter fc.initialize(30, 1000, Color.DKGRAY, 2);
You can find this and other, more complex, examples in this repository
🗂 Check this library on other language:
📄 License
Folding Cell is released under the MIT license. See [LICENSE](./LICENSE) for details.
This library is a part of a selection of our best UI open-source projects
If you use the open-source library in your project, please make sure to credit and backlink to www.ramotion.com
📱 Get the Showroom App for Android to give it a try
Try this UI component and more like this in our Android app. Contact us if interested.
*Note that all licence references and agreements mentioned in the FoldingCell README section above
are relevant to that project's source code only.