Redirect into New Page after Background ( gradient shape ) Fades out

Question

I want to my first page background fade out and then going to next page. I make shape with gradient and use it for background of first page. but when I run my app in genymotion background color of first page is dark gray,I am new to Android development so I don't have much idea to how can handle it. XML :

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >

 <gradient
    android:centerX="20%"
    android:endColor="#aed36c"
    android:startColor="#44c8f5" />
</shape>

MAINACTIVITY XML :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/linergradiant"
android:id="@+id/firstpage"
android:orientation="vertical" >

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/texture" >

    <LinearLayout
        android:layout_width="200dip"
        android:layout_height="200dip"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_marginTop="116dp"
        android:background="@drawable/logo_big2" >
    </LinearLayout>

 </RelativeLayout>

</LinearLayout>

MAINACTIVITY JAVA

public class MainActivity extends ActionBarActivity {
 LinearLayout screen;
 Handler handler = new Handler();
 int i;
 Intent intent;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    screen=(LinearLayout) findViewById(R.id.firstpage);
    (new Thread(){
        @Override
    public void run(){
        for(i=0; i<255; i=i+3){
            handler.post(new Runnable(){
                public void run(){
                    screen.setBackgroundColor(Color.argb(255, i, i, i));
                }
            });
            try{ sleep(100); }
               catch(Exception e){ break; }
            }
            startActivity(new Intent(getApplicationContext(),BMIcalculator.class));
        }
    }).start();     
}
}

can any one help me? can it solve with transition ??

mimi, you mean to say is, you want gradient background when it will going to show animation fade in or out, right? — Pratik Dasa, Aug 12 '14 at 05:13
@pratik I want gradient background which after while fade out and go to second page with animation. — mkafiyan, Aug 12 '14 at 05:17
then call the startactivity after your for loop it would be like. after execution of the for loop the next thing will happen is to start an activity — Ker p pag, Aug 12 '14 at 05:18
@mimi then why you dont use fade out animation? it will be the easiest way to do this. — Pratik Dasa, Aug 12 '14 at 05:19
@pratik I try to write with animation , but I dont know how can exactly do it.I try this [http://stackoverflow.com/questions/20701127/fade-a-view-in-and-out-while-maintaining-a-shape-background] but it dosent help me. — mkafiyan, Aug 12 '14 at 05:22
@mimi its very easy, you just want fade out animation when you go to another activity right? — Pratik Dasa, Aug 12 '14 at 05:25
first concentrate on fade out animation, background will be easy once animation will be done, right? — Pratik Dasa, Aug 12 '14 at 05:26
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/59152/discussion-between-pratik-and-mimi). — Pratik Dasa, Aug 12 '14 at 05:27

score 0 · Answer 1 · answered Aug 12 '14 at 05:35

Refer the following code from here

private View mContentView;
private View mLoadingView;
private int mShortAnimationDuration;

...

private void crossfade() {

    // Set the content view to 0% opacity but visible, so that it is visible
    // (but fully transparent) during the animation.
    mContentView.setAlpha(0f);
    mContentView.setVisibility(View.VISIBLE);

    // Animate the content view to 100% opacity, and clear any animation
    // listener set on the view.
    mContentView.animate()
            .alpha(1f)
            .setDuration(mShortAnimationDuration)
            .setListener(null);

    // Animate the loading view to 0% opacity. After the animation ends,
    // set its visibility to GONE as an optimization step (it won't
    // participate in layout passes, etc.)
    mLoadingView.animate()
            .alpha(0f)
            .setDuration(mShortAnimationDuration)
            .setListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationEnd(Animator animation) {
                    mLoadingView.setVisibility(View.GONE);
                }
            });
}

Redirect into New Page after Background ( gradient shape ) Fades out

1 Answers1