title: Fade in while being initially invisible
body: <p>Following the guide here: <a href="https://stackoverflow.com/a/5090470/512998">https://stackoverflow.com/a/5090470/512998</a>
  I have successfully implemented fade in animation for my imageView. However, the imageView was initially visible and when the animation starts it just blink to become invisible(alpha=0.0) and slowly fade in back to alpha=1.0. Question here is, how do I set the imageView initially invisible?</p>
  
  <p>I have tried to change the visibility in the xml layout to either <code>INVISIBLE</code> and <code>GONE</code> but the animation wont work. it will show as blank imageView in the final result.</p>
  
  <p>I have also tried to change the alpha level of the imageView in xml layout, but turns out the animation is weird as it applies on top of the the alpha level that I configure. Example, if I set the alpha level to 0.3, the animation will fade between 0.0 to 0.3. If i set it to 0.0, it appears like no animation and image is not displayed at the end.</p>
  
  <p>Here's the snippet of my codes:</p>
  
  <p><strong>anim/fade_in_view.xml</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;set xmlns:android="http://schemas.android.com/apk/res/android"&gt;
      &lt;alpha 
          android:fromAlpha="0.0"
          android:toAlpha="1.0" 
          android:interpolator="@android:anim/accelerate_interpolator" 
          android:duration="1000"
          android:repeatCount="0" /&gt;
  &lt;/set&gt;
  </code></pre>
  
  <p><strong>layout/activity_splash.xml</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="#000000" &gt;
  
      &lt;ImageView
          android:id="@+id/imgCharacter"
          android:layout_width="160dp"
          android:layout_height="wrap_content"
          android:layout_alignParentBottom="true"
          android:layout_alignParentRight="true"
          android:layout_below="@+id/imgLogo"
          android:src="@drawable/darth_vader" /&gt;
  
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p><strong>src/MainActivity.java</strong></p>
  
  <pre><code>protected void onCreate(Bundle savedInstanceState)
  {
      ...
      imageView = (ImageView) findViewById(R.id.imgCharacter);
  
      new Handler().postDelayed(new Runnable()
      {
          @Override
          public void run()
          {
              Animation fadeInAnimation = AnimationUtils.loadAnimation(SplashScreen.this, R.anim.fade_in_view);
              imageView.startAnimation(fadeInAnimation);
          }
      }, 1000);
  }
  </code></pre>