Styling by @gellermark

Author: heinrisch

README.md

@@ -4,6 +4,7 @@ Float Labeled EditText
 Android view which uses a EditText and puts the hint on top of the EditText when it is populated with text. 
 
 iOS implementation by [@jverdi](http://www.twitter.com/jverdi): [JVFloatLabeledTextField](https://github.com/jverdi/JVFloatLabeledTextField) 
+
 Credits for the concept to Matt D. Smith ([@mds](http://www.twitter.com/mds)), and his original design:
 
 ![Matt D. Smith's Design](http://dribbble.s3.amazonaws.com/users/6410/screenshots/1254439/form-animation-_gif_.gif)
@@ -33,7 +34,12 @@ Add the library project (or just copy the files manually) and then insert the vi
 Developed By
 ============
 
-* Henrik Sandström @ [Wrapp](http://www.wrapp.com)
+* Henrik Sandström [@heinrisch](https://twitter.com/Heinrisch)
+
+Styled By
+=========
+
+* Marcus Gellemark [Dribbble](http://dribbble.com/Gellermark)
 
 License
 =======

floatlabelededittext/res/layout/float_labeled_edit_text.xml

@@ -1,6 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- ~ Copyright (c) 2012 Bohemian Wrappsody AB. -->
-
 <merge xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
@@ -12,12 +10,12 @@
         android:layout_height="wrap_content"
         android:layout_width="match_parent"
         android:text="Hint"
-        android:textStyle="bold"/>
+        android:textSize="9sp"/>
 
     <EditText
         android:layout_height="wrap_content"
         android:layout_width="match_parent"
-        android:layout_marginTop="-6dp"
+        android:layout_marginTop="-7dp"
         android:id="@+id/FloatLabeledEditTextEditText"/>
 
 </merge>

floatlabelededittext/src/com/wrapp/floatlabelededittext/FloatLabeledEditText.java

@@ -2,6 +2,7 @@
 
 import android.content.Context;
 import android.content.res.TypedArray;
+import android.graphics.Color;
 import android.text.Editable;
 import android.text.TextWatcher;
 import android.util.AttributeSet;
@@ -59,6 +60,7 @@ private void initialize() {
 
     hintTextView.setVisibility(View.INVISIBLE);
     editText.addTextChangedListener(onTextChanged);
+    editText.setOnFocusChangeListener(onFocusChanged);
   }
 
   private TextWatcher onTextChanged = new TextWatcher() {
@@ -76,6 +78,17 @@ public void afterTextChanged(Editable editable) {
     }
   };
 
+  private OnFocusChangeListener onFocusChanged = new OnFocusChangeListener() {
+    @Override
+    public void onFocusChange(View view, boolean gotFocus) {
+      if (gotFocus) {
+        ObjectAnimator.ofFloat(hintTextView, "alpha", 0.33f, 1f).start();
+      } else {
+        ObjectAnimator.ofFloat(hintTextView, "alpha", 1f, 0.33f).start();
+      }
+    }
+  };
+
   private void setShowHint(final boolean show) {
     AnimatorSet animation = null;
     if ((hintTextView.getVisibility() == VISIBLE) && !show) {