Use floating labels for preference forms

chrome/android/java/res/layout/autofill_credit_card_editor.xml

 <?xml version="1.0" encoding="utf-8"?>
 <!-- Copyright 2014 The Chromium Authors. All rights reserved.
      Use of this source code is governed by a BSD-style license that can be
      found in the LICENSE file. -->
 
 <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:fillViewport="true"
     android:scrollbarStyle="outsideOverlay" >
 
     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:orientation="vertical" >
 
         <LinearLayout
             style="@style/PreferenceScreenLayout"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:orientation="vertical"
             android:focusableInTouchMode="true" >
 
-            <TextView
-                style="@style/BoldTextFieldLabel"
-                android:text="@string/autofill_credit_card_editor_name" />
-
-            <EditText
-                android:id="@+id/autofill_credit_card_editor_name_edit"
+            <org.chromium.chrome.browser.widget.FloatLabelLayout
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:imeOptions="flagNoExtractUi"
-                android:contentDescription="@string/accessibility_autofill_cc_name_textbox"
-                android:inputType="textCapWords" />
+                app:floatLabelTextAppearance="@style/PreferenceFloatLabelTextAppearance" >
+                <EditText
+                    android:id="@+id/autofill_credit_card_editor_name_edit"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:imeOptions="flagNoExtractUi"
+                    android:contentDescription="@string/accessibility_autofill_cc_name_textbox"

[newt (away), 2015/01/27 01:45:05]

I believe that EditTexts shouldn't have contentDescription, since the hint text
is already used for that purpose (and the contentDescription may override the
actual content of the text field when read aloud, which is definitely not what
we want)

[Theresa, 2015/01/28 02:05:40]

It still reads the actual contents of the text field.

FloatLabelLayout sets the hint text to null when the label is shown, so without
content descriptions, when the EditText box is focused but has no content, the
text read aloud is just "edit box." With the content description set, it reads
"edit box organization" (or whatever) when the field is empty; if the field has
content it says "edit box Google" (or whatever the content is).

+                    android:inputType="textCapWords"
+                    android:hint="@string/autofill_credit_card_editor_name" />
+            </org.chromium.chrome.browser.widget.FloatLabelLayout>
+
+            <org.chromium.chrome.browser.widget.FloatLabelLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                app:floatLabelTextAppearance="@style/PreferenceFloatLabelTextAppearance" >
+                <EditText
+                    android:id="@+id/autofill_credit_card_editor_number_edit"
+                    android:layout_width="match_parent"
+                    android:contentDescription="@string/accessibility_autofill_cc_number_textbox"
+                    android:layout_height="wrap_content"
+                    android:imeOptions="flagNoExtractUi"
+                    android:inputType="phone"
+                    android:digits="0123456789- "
+                    android:hint="@string/autofill_credit_card_editor_number" />
+            </org.chromium.chrome.browser.widget.FloatLabelLayout>
 
             <TextView
-                style="@style/BoldTextFieldLabel"
-                android:text="@string/autofill_credit_card_editor_number" />
-
-            <EditText
-                android:id="@+id/autofill_credit_card_editor_number_edit"
-                android:layout_width="match_parent"
-                android:contentDescription="@string/accessibility_autofill_cc_number_textbox"
-                android:layout_height="wrap_content"
-                android:imeOptions="flagNoExtractUi"
-                android:inputType="phone"
-                android:digits="0123456789- "/>
-
-            <TextView
-                style="@style/BoldTextFieldLabel"
+                style="@style/PreferenceTextFieldLabel"
                 android:text="@string/autofill_credit_card_editor_expiration_date" />
 
             <LinearLayout
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:orientation="horizontal" >
 
                 <Spinner
                     android:id="@+id/autofill_credit_card_editor_month_spinner"
                     android:layout_width="0dp"
@@ skipping 27 matching lines @@
                 android:text="@string/cancel" />
 
             <Button
                 android:id="@+id/autofill_credit_card_save"
                 style="@style/ButtonBarButton"
                 android:text="@string/save" />
         </LinearLayout>
     </LinearLayout>
 
 </ScrollView>