Credit card editor for PaymentRequest UI.

chrome/android/java/src/org/chromium/chrome/browser/payments/ui/EditorIconsField.java

Index: chrome/android/java/src/org/chromium/chrome/browser/payments/ui/EditorIconsField.java
diff --git a/chrome/android/java/src/org/chromium/chrome/browser/payments/ui/EditorIconsField.java b/chrome/android/java/src/org/chromium/chrome/browser/payments/ui/EditorIconsField.java
new file mode 100644
index 0000000000000000000000000000000000000000..6d75042a92cfca8b956b9428a64ef05f0dbc006b
--- /dev/null
+++ b/chrome/android/java/src/org/chromium/chrome/browser/payments/ui/EditorIconsField.java
@@ -0,0 +1,58 @@
+// Copyright 2016 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.
+
+package org.chromium.chrome.browser.payments.ui;
+
+import android.content.Context;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup.LayoutParams;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+import android.widget.TextView;
+
+import org.chromium.chrome.R;
+
+/**
+ * Helper class for creating a horizontal list of icons with a title.
+ */
+class EditorIconsField {
+    /** The size for each icon in density-independent pixels. */
+    private static final int LIST_ICON_SIZE_DP = 38;

[gone, 2016/07/13 21:13:01]

Add this to dimens.xml with the other payments dimensions.  Doing
context.getDimensionPixelSize() on that dimension will give you what you then
want instead of doing the crazy calculations on your own

[please use gerrit instead, 2016/07/14 17:21:44]

Done.

+
+    private final View mLayout;
+
+    /**
+     * Builds a horizontal list of icons.

[gone, 2016/07/13 21:13:00]

I'm slightly worried about what will happen here when there are too many icons
to fit on screen.  Do they just run off the side?

[please use gerrit instead, 2016/07/14 17:21:44]

They would run off the screen. Android does not have a "flow" layout,
unfortunately. Lucky for us, we have at most 7 icons to show. At 38dp, all of
them fit even on Nexus 4 screen, according to my tests.

+     *
+     * @param context    The application context to use when creating widgets.
+     * @param fieldModel The data model of the icon list.
+     */
+    public EditorIconsField(Context context, EditorFieldModel fieldModel) {
+        assert fieldModel.getInputTypeHint() == EditorFieldModel.INPUT_TYPE_HINT_ICONS;
+
+        mLayout = LayoutInflater.from(context).inflate(
+                R.layout.payment_request_editor_icons, null, false);
+
+        ((TextView) mLayout.findViewById(R.id.label)).setText(fieldModel.getLabel());
+
+        LinearLayout container = (LinearLayout) mLayout.findViewById(R.id.icons_container);
+        float scale = context.getResources().getDisplayMetrics().density;
+        for (int i = 0; i < fieldModel.getIconResourceIds().size(); i++) {
+            ImageView icon = new ImageView(context);
+            icon.setImageResource(fieldModel.getIconResourceIds().get(i));
+            icon.setContentDescription(context.getString(
+                    fieldModel.getIconDescriptionsForAccessibility().get(i)));
+            icon.setAdjustViewBounds(true);
+            icon.setMaxWidth((int) (LIST_ICON_SIZE_DP * scale + 0.5f));

[gone, 2016/07/13 21:13:00]

Math.round(LIST_ICON_SIZE_DP * scale)

[please use gerrit instead, 2016/07/14 17:21:44]

No longer relevant after placing the size into dimens.xml file.

+            icon.setMaxHeight((int) (LIST_ICON_SIZE_DP * scale + 0.5f));
+            container.addView(icon, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
+        }
+    }
+
+    /** @return The View containing everything. */
+    public View getLayout() {
+        return mLayout;
+    }
+}