Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/markzhai/interestingtitlebar

TitleBar (or custom ActionBar) with immersive status bar and scroll animation like tumblr app (icon and text color gradually change to end color).
https://github.com/markzhai/interestingtitlebar

Last synced: 2 months ago
JSON representation

TitleBar (or custom ActionBar) with immersive status bar and scroll animation like tumblr app (icon and text color gradually change to end color).

Awesome Lists containing this project

README

        

# InterestingTitleBar [![GitHub release](https://img.shields.io/badge/sample%20apk-0.9.0-brightgreen.svg?style=flat)](https://github.com/markzhai/InterestingTitleBar/releases/download/v0.9.0/sample-debug.apk)
Interesting android title bar with immersive status bar and scroll animation like tumblr app (color of icon and text on title bar gradually change to end color)

![Sample](art/recording.gif)

Pre-requisites
--------------

- Android SDK v8

Immersive window modes
-----------

Different from SystemBarTint project, this titlebar project doesn't require android:fitsSystemWindows="true", and it does all padding work for you.

Usage
-----
You may check the demo activity to see its usage, but nomally:

```java
CustomTitleBar bar = (CustomTitleBar) findViewById(R.id.title_bar);
bar.setTitleTextView((TextView)bar.findViewById(R.id.bar_title));
bar.setTransparentEnabled(true, 100, 600);
bar.setTitle("DemoActivity");
bar.setTextShadowColor(getResources().getColor(R.color.bar_title_text_shadow));
bar.addViewToFadeList(findViewById(R.id.bar_left_button));
bar.addViewToFadeList(findViewById(R.id.bar_right_button));
bar.addViewToFadeList(findViewById(R.id.bar_title));
```

What if fitsSystemWindows is true (should set clipToPadding to false)
```java
bar.setTitleBarFitsSystemWindows(true);
```
The bar will do drawing of shadow on status bar for you.

TODO
-----------
1. More animation.
2. Better support for immersive mode.
3. Material design support.

Screenshots
-----------

![Transparent](art/Z1_1.jpg "Browse local music file")
![Turn to opaque](art/Z1_2.jpg "Fullscreen music player")
![Transparent listview](art/Z1_3.jpg "Fullscreen music player")
![Turn to opaque](art/Z1_4.jpg "Fullscreen music player")