Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Taishi-Y/InstagramLikeColorTransitionAndroid
How to create instagram like Gradient color transition in android.📸
https://github.com/Taishi-Y/InstagramLikeColorTransitionAndroid
android animation gradient-color-transition instagram transition
Last synced: 1 day ago
JSON representation
How to create instagram like Gradient color transition in android.📸
- Host: GitHub
- URL: https://github.com/Taishi-Y/InstagramLikeColorTransitionAndroid
- Owner: Taishi-Y
- License: mit
- Created: 2017-01-06T13:01:41.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2020-05-16T08:02:27.000Z (about 4 years ago)
- Last Synced: 2024-02-29T00:41:06.486Z (4 months ago)
- Topics: android, animation, gradient-color-transition, instagram, transition
- Language: Java
- Homepage:
- Size: 14.2 MB
- Stars: 600
- Watchers: 13
- Forks: 76
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-github-android-ui - InstagramLikeColorTransitionAndroid - 创建类似渐变颜色过渡的Instagram (Color)
- awesome-github-android-ui - InstagramLikeColorTransitionAndroid - 创建类似渐变颜色过渡的Instagram (Color)
README
# InstagramLikeColorTransition
[](https://android-arsenal.com/details/1/5035)
[中文版](https://github.com/Taishi-Y/InstagramLikeColorTransitionAndroid/blob/master/README_cn.md) by [zhaoweih](https://github.com/zhaoweih)
How to create instagram like Gradient color transition in android.
#### 1. Create some gradient color drawables inside drawable Folder.
color1.xml
```xml
```
color2.xml
```xml
```
color3.xml
```xml
```
color4.xml
```xml
```
#### 2. Create animation list using the above created gradient colors, animation_list.xml, inside drawable folder
```xml
```
#### 3. Apply the animation_list created above as a background to the top view of your activity layout.
```xml
```
#### 4. Inside your activity use AnimationDrawable to apply the transition.
```java
LinearLayout container = (LinearLayout) findViewById(R.id.container);
AnimationDrawable anim = (AnimationDrawable) container.getBackground();
anim.setEnterFadeDuration(6000);
anim.setExitFadeDuration(2000);
// Starting animation:- start the animation on onResume.
@Override
protected void onResume() {
super.onResume();
if (anim != null && !anim.isRunning())
anim.start();
}
// Stopping animation:- stop the animation on onPause.
@Override
protected void onPause() {
super.onPause();
if (anim != null && anim.isRunning())
anim.stop();
}
```
### Make statusbar transparent
values/styles.xml
```xml
```
values-v19/styles.xml
```xml
<item name="android:windowTranslucentStatus">true</item>
```
values-v21/styles.xml
```xml
<item name="android:statusBarColor">@android:color/transparent</item>
```
values-v23/styles.xml
```xml
<item name="android:statusBarColor">@android:color/transparent</item>
<item name="android:windowLightStatusBar">true</item>
```
```java
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// Add below code
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
findViewById(android.R.id.content).setSystemUiVisibility(
View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
}
setContentView(R.layout.activity_splash);
}
}
```
```xml
```