Google-NewsStand-Animation-Android
Navigation pattern like in Google News Stand app with transitions
Getting Started
In your build.gradle
dependencies {
implementation 'hari.allagi:allagi:0.1.1'
//or in lower versions:
//compile 'hari.allagi:allagi:0.1.1'
}Usage
Choose one of the NoActionBar themes to use in MenuListActivity and override it to define your app color palette.
<style name="AppTheme.MenuListActivity.NoActionBar" parent="Theme.AppCompat.NoActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent" >@color/colorAccent</item>
</style>Define the colors for ScrollableMenuActivity too.
<style name="AppTheme.ScrollableMenuActivity.NoActionBar" parent="Theme.AppCompat.NoActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>Declare the Allagi activities in AndroidManifest.xml file using your new app themes.
<activity
android:name="hari.allagi.MenuListActivity"
android:theme="@style/AppTheme.MenuListActivity.NoActionBar" />
<activity
android:name="hari.allagi.ScrollableMenuActivity"
android:theme="@style/AppTheme.ScrollableMenuActivity.NoActionBar" />Set largeHeap to true in AndroidManifest.xml.
<application
...
android:largeHeap="true"/>Open Allagi from a activity like so:
ArrayList<String> menuList = new ArrayList<>(); //menu titles
ArrayList<Integer> imagesList = new ArrayList<>(); //menu backgrounds
ArrayList<Fragment> fragmentsList = new ArrayList<>(); //fragments for each menu headers in second activity
menuList.add("UPCOMING"); //add titles
menuList.add("EVENTS"); //limit to 8 items for the animation to work
...
imagesList.add(R.drawable.upcoming); //add background images
imagesList.add(R.drawable.events);
...
fragmentsList.add(UpcomingFragment.newInstance()); //add fragment instances
fragmentsList.add(EventsFragment.newInstance());
...
Allagi allagi = Allagi.initialize(MainActivity.this, menuList, imagesList, fragmentsList);
allagi.start(); //start the menu list activityChange the duration of the animation:
allagi.setTransitionDuration(900); //default value is 1000 millisecondsLibraries used in the project
- Jake Wharton's ViewPagerIndicator Paging indicator widget that highlights the selected page of the viewpager
Credits
Inspired by and thanks to Aurรฉlien Salomon's Google Newsstand Navigation Pattern
Show your support
Give a
License
Copyright
This project is licensed under the Apache License, Version 2.0
You may also obtain a copy of the License at