Home / Android / Navigation Bar

News Stand app makes the ActionBar not boring!

No boring ActionBar http://flavienlaurent.com/blog/2013/11/20/making-your-action-bar-not-boring/ An explaination on how to implement the edition screen of the Newsstand app. ActionBar effect Ken Burns animation
Information
Category: Android / Navigation Bar
Watchers: 99
Star: 1.7k
Fork: 442
Last update: May 27, 2023
Resource links
https://github.com/flavienlaurent/NotBoringActionBar

No boring ActionBar

http://flavienlaurent.com/blog/2013/11/20/making-your-action-bar-not-boring/

An explaination on how to implement the edition screen of the Newsstand app.

  • ActionBar effect
  • Ken Burns animation

Example Image

License

Copyright 2013 Flavien Laurent

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.
14 Open More issues
Closed

NotBoringActionBar with webview

Hi Flavien,

Thanks for sharing your code. I try to use it with a webview but facing a problem. There is no header view in a webview ;) I tried to add a padding but padding does not work on webviews. I tried to play with margins but i need to requestLayout and it's a bit laggy.

Any idea ? Thanks

opened Jul 21, 2014 by jeromevdl 4
Closed

Image moves too far leaving the edge

Sometimes the image moves too far and I can also see its edge with blank background behind it.

opened Apr 28, 2014 by inmyth 4
Closed

Tiny bug + How to set the header images to scroll using "parallex" effect?

I would like to ask how should I make the images on the header to scroll together with the listView, so that both the bottom and the top of the view will get truncated, and not just the top (as the normal scrolling does).

for example, if the image is: 11 22 33 44 55 then when you scroll, I'd like to get: 22 33 44 instead of: 33 44 55

I've tried to use ParallaxImageView instead of simple ImageViews , but it didn't help.

Also, I've found a tiny bug: you've created a function called "clamp" but its parameters don't match the operations being done there. the minimal value is 1 instead of 0, and the maximal value is 0 instead of 1 : code before:

public static float clamp(float value, float max, float min) {
    return Math.max(Math.min(value, min), max);
    }

code that should be: public static float clamp(final float value, final float min, final float max) { return Math.min(Math.max(value, min), max); }

I've also changed the order of the parameter, since it's more common to put the min value before the max value.

opened Mar 23, 2014 by AndroidDeveloperLB 4
Closed

clamp function is wrong

you have to pick the maximum value between "min" and the minimum between "max" and "value"

refer here: http://stackoverflow.com/a/16659144/2008214

opened Aug 20, 2014 by carlonzo 3
Closed

Battery drainage? Pausing animation.

Hi!

I must say this is an excellent library. There is however one issue, I notice that even though the screen is turned off, the image-swapping still occurs. I was wondering how one could pause the animations without accessing the pause() / resume() animation that were newly added in a recent-ish API? (if I remember correctly? sorry for being so vague, rookie android-dev here :-) )

I tried calling the onAttachWindow() and onDetachWindow() in the main-activity through onResume() and onPause() respectively, by making the classes public instead of protected in your KenBurnsView.java, but alas... no success.

enhancement 
opened Oct 2, 2014 by sp00ne 2
Closed

ListView setOnItemClickListener not Responding to click

in NoBoringActionBarActivity.Java

mListView.setOnItemClickListener(new OnItemClickListener() {

        @Override
        public void onItemClick(AdapterView<?> parent, View view,
                int position, long id) {
            Toast.makeText(getApplicationContext(), "position" + position,
                    1000).show();

        }
    });
opened Jul 7, 2014 by kazaky 2
Open

docs: fix typo

opened Oct 8, 2019 by Jason-Cooke 2
Open

Code part to change translation direction

Which part of the code do i edit if i want the view to animate to the extreme right?

opened Dec 6, 2016 by vnh1991 0
Open

addHeaderView on RecyclerView

How to achieve addHeaderView feature on recyclerview?

opened Aug 18, 2016 by droidwithme 0
Open

Make slow scroll/animation to icon and background image

when user scroll listview the main logo(center icon) and its background image should go on action bar with a little floating.

opened Aug 17, 2016 by droidwithme 0
Open

update gradle build.gradle config

opened Dec 9, 2015 by lingyfh 0
Open

Issue with kenBurnsView when running on Kitkat devices

I took only the kenBurnsView from this project and i implemented it in mine, I this logcat when running it on kitkat devices (on other devices it work perfectly):

 D/KenBurnsView? swapImage active=-1
 D/KenBurnsView? starting Ken Burns animation [email protected]
 I/Choreographer? Skipped 47 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 63 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 60 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 59 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 51 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 57 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 63 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 62 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 60 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 62 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 56 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 54 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 62 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 62 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 49 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 69 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 57 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 46 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 62 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 76 frames!  The application may be doing too much work on its main thread.
 D/KenBurnsView? swapImage active=1
 D/KenBurnsView? new active=0
 D/KenBurnsView? starting Ken Burns animation [email protected]
 I/Choreographer? Skipped 66 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 31 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 34 frames!  The application may be doing too much work on its main thread.
 I/Choreographer? Skipped 30 frames!  The application may be doing too much work on its main thread.
 D/dalvikvm? GC_FOR_ALLOC freed 76K, 1% free 88450K/88652K, paused 3ms, total 3ms
 D/dalvikvm? GC_FOR_ALLOC freed 35K, 1% free 95824K/96060K, paused 2ms, total 2ms
 I/Choreographer? Skipped 34 frames!  The application may be doing too much work on its main thread.
opened Apr 20, 2015 by iballan 1

Contents

    Angarsk8 Real Time Social News App Phoenix demo @Angarsk8Real Time Social News App developed with Phoenix, Vue, Vue Router and Vuex (demo) by @Angarsk8
    Ceviche9 ๐ŸคŸ Dev.news (ig.news) is a subscription-based news application, - made with Next.js - using Typescript, Prismic and FaunaDB.
    theankurkedia News App created in Flutter using News API for fetching realtime data and Firebase as the backend and authenticator.
    Angarsk8 Realtime social news app developed from scratch with Elixir, Phoenix, Vue and Vuex
    boringdesigners Boring avatars is a tiny JavaScript React library that generates custom, SVG-based avatars from any username and color palette.
    AbhimanyuForiOS It is same like Google News Stand Animation with Customise Configuration file in Swift iOS Technology.
    Bartozzz Crypto News allows you to convert cryptocurrencies, view latest news and exchange rates for each ICO โ€“ all the data from the world of cryptocurrencies in one place.
    kirualex Minimalist Hacker News Reader
    DatanewsOrg Google News js is an npm package, that provides easy APIs to scrap Google News.
    fhamborg news-please - an integrated web crawler and information extractor for news that just works.
    grigio :fire: A simple Hacker News reader which is available for the Web and as React Native app (Android / iOS)
    msal4 ๐Ÿ“ฐ A simple cross platform news app built with React Native and News API
    bhlvoong Set of tools to drastically improve development speed of UI in iOS applications
    SAllen0400 Links from the stories discussed on Swift News
    vipul-sharma20 Tool to extract news articles from newspaper and give the context about the news
    satyawikananda An api to display news in Indonesia
    imSanjaySoni inshorts News App Clone with flutter and newsapi.org API
    skamieniarz A minimalistic news aggregator built with Flask and powered by News API.
    Mati365 Reddit News - A browser extension which show notifications and news from reddit.
    gizemcifguvercin This project is about how we can send news to related news agency.
    cheeaun Awesome Hacker News: a collection of awesome Hacker News apps, libraries, resources and shiny things.
    Share this repo

    Related Repos


    Navigation Bar
    5
    Android Ui color controller (status bar, navigation bar)
    jisungbin SystemUiController Android system ui color controller (status bar, navigation bar) Download implementation "land.sungbin:systemuicontroller:${version}
     
    Navigation Bar
    16
    This library is a helper for the Android Compose Navigation routes
    MatrixDev ComposableRoutes This library is a helper for the Android Compose Navigation routes: generates routes for the annotated screens provides helpers to re
     
    Navigation Bar
    15
    Responsive Bottom Navigation Bar Using HTML CSS & JavaScript
    bedimcode Responsive Bottom Navigation Bar Watch it on youtube Responsive Bottom Navigation Bar Lower navigation bar using HTML, CSS and JavaScript. First desig
     
    Navigation Bar
    622
    BubbleTabBar is bottom navigation bar with customizable bubble like tabs
    akshay2211 BubbleTabBar is bottom navigation bar with customizable bubble like tabs
     
    Navigation Bar
    40
    ๐Ÿ›ธVoyager is a pragmatic navigation library built for, and seamlessly integrated with, Jet...
    adrielcafe ๐Ÿ›ธ A pragmatic navigation library for Jetpack Compose
     
    Navigation Bar
    36
    Lightweight navigation library for Compose for Desktop
    app-outlet Lightweight navigation library for Compose for Desktop
     
    Navigation Bar
    54
    A simple bottom navigation with animating cut out
    susonthapa curved-bottom-navigation A simple curved bottom navigation for Android with AnimatedVectorDrawable and Jetpack Navigation support. Demo Setup Update y
     
    Navigation Bar
    6
    Labyrinth - A multi back stack android navigation
    abanoubmilad Labyrinth - A multi back stack android navigation
     
    Navigation Bar
    17
    Simple and lightweight UI library for user new experience, combining floating bottom navig...
    rizmaulana Floating SlideUp Sheet ๐ŸŽ‰ Simple and lightweight UI library for user new experience, combining floating bottom navigation and bottom sheet behaviour.
     
    Navigation Bar
    15
    Handling multiple backstacks with Bottom Navigation using Navigation Component.
    vipulasri Multiple Backstack Navigation (Navigation Component) As of now Navigation Component doesn't support multiple backstack management out of the box most
     
    Navigation Bar
    55
    ๐Ÿซ A lightweight bottom navigation view, fully customizable with an indicator and animati...
    skydoves ๐Ÿซ A lightweight bottom navigation view, fully customizable with an indicator and animations.
     
    Navigation Bar
    22
    Make Android transparent statusbar and navigationbar easy.
    Zackratos Make Android transparent statusbar and navigationbar easy.
     
    Navigation Bar
    149
    This repository contains some tricks about Android Navigation Component. 3rd party librari...
    furkanaskin TrickyNavigationSample This repository contains some tricks about Android Navigation Component. 3rd party libraries not used. Outputs Default Bottom Behaviour Tricky Bottom Behaviour
     
    Navigation Bar
    717
    A new way to implement navigation in your app ๐ŸŽ
    st235 A new way to implement navigation in your app ๐ŸŽ
     
    Navigation Bar
    781
    An android navigation bar widget
    ismaeldivita Chip Navigation Bar A navigation bar widget inspired on Google Bottom Navigation mixed with Chips component. Usage &lt;!-- bottom_menu.xml --&gt; &lt;menu xmlns:android="http://schemas.andr