Add infobar layout for app install banners.

chrome/android/java/src/org/chromium/chrome/browser/infobar/InfoBarLayout.java

 // Copyright 2013 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.infobar;
 
 import android.content.Context;
 import android.content.res.Resources;
 import android.content.res.TypedArray;
 import android.graphics.Bitmap;
 import android.graphics.Color;
 import android.graphics.drawable.Drawable;
 import android.text.TextUtils;
 import android.text.method.LinkMovementMethod;
 import android.view.Gravity;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.Button;
 import android.widget.ImageButton;
 import android.widget.ImageView;
 import android.widget.TextView;
 
 import org.chromium.base.ApiCompatibilityUtils;
 import org.chromium.chrome.R;
+import org.chromium.chrome.browser.widget.ButtonCompat;
+
+import java.util.ArrayList;
 
 /**
  * Layout that arranges an InfoBar's views. An InfoBarLayout consists of:
  * - A message describing the action that the user can take.
  * - A close button on the right side.
  * - (optional) An icon representing the infobar's purpose on the left side.
  * - (optional) Additional "custom" views (e.g. a checkbox and text, or a pair of spinners)
  * - (optional) One or two buttons with text at the bottom.
  *
  * When adding custom views, widths and heights defined in the LayoutParams will be ignored.
@@ skipping 33 matching lines @@
 
         /**
          * The gravity of each view in Group. Must be either Gravity.START, Gravity.END, or
          * Gravity.FILL_HORIZONTAL.
          */
         public int gravity = Gravity.START;
 
         /** Whether the views are vertically stacked. */
         public boolean isStacked;
 
+        Group(View... views) {
+            this.views = views;
+        }
+
+        static View[] filterNullViews(View... views) {
+            ArrayList<View> viewsList = new ArrayList<View>();
+            for (View v : views) {
+                if (v != null) viewsList.add(v);
+            }
+            return viewsList.toArray(new View[viewsList.size()]);
+        }
+
         void setHorizontalMode(int horizontalSpacing, int startMargin, int endMargin) {
             isStacked = false;
             for (int i = 0; i < views.length; i++) {
                 LayoutParams lp = (LayoutParams) views[i].getLayoutParams();
                 lp.startMargin = i == 0 ? startMargin : horizontalSpacing;
                 lp.topMargin = 0;
                 lp.endMargin = i == views.length - 1 ? endMargin : 0;
                 lp.bottomMargin = 0;
             }
-
         }
 
         void setVerticalMode(int verticalSpacing, int bottomMargin) {
             isStacked = true;
             for (int i = 0; i < views.length; i++) {
                 LayoutParams lp = (LayoutParams) views[i].getLayoutParams();
                 lp.startMargin = 0;
                 lp.topMargin = i == 0 ? 0 : verticalSpacing;
                 lp.endMargin = 0;
                 lp.bottomMargin = i == views.length - 1 ? bottomMargin : 0;
             }
         }
     }
 
     private static final int ROW_MAIN = 1;
     private static final int ROW_OTHER = 2;
 
     private final int mMargin;
     private final int mIconSize;
     private final int mMinWidth;
     private final int mAccentColor;
 
     private final InfoBarView mInfoBarView;
-    private final TextView mMessageView;
     private final ImageButton mCloseButton;
+    private TextView mMessageTextView;
+    private View mMessageView;
     private ImageView mIconView;
+    private ButtonCompat mPrimaryButton;
+    private Button mSecondaryButton;
+    private Button mTertiaryButton;
+    private View mCustomButton;
 
     private Group mMainGroup;
     private Group mCustomGroup;
     private Group mButtonGroup;
 
     /**
      * These values are used during onMeasure() to track where the next view will be placed.
      *
      * mWidth is the infobar width.
      * [mStart, mEnd) is the range of unoccupied space on the current row.
@@ skipping 37 matching lines @@
         mCloseButton.setImageResource(R.drawable.btn_close);
         TypedArray a = getContext().obtainStyledAttributes(
                 new int [] {R.attr.selectableItemBackground});
         Drawable closeButtonBackground = a.getDrawable(0);
         a.recycle();
         ApiCompatibilityUtils.setBackgroundForView(mCloseButton, closeButtonBackground);
         mCloseButton.setPadding(mMargin, mMargin, mMargin, mMargin);
         mCloseButton.setOnClickListener(this);
         mCloseButton.setContentDescription(res.getString(R.string.infobar_close));
         mCloseButton.setLayoutParams(new LayoutParams(0, -mMargin, -mMargin, -mMargin));
-        addView(mCloseButton);
 
         // Set up the icon.
         if (iconResourceId != 0 || iconBitmap != null) {
             mIconView = new ImageView(context);
-            mIconView.setId(R.id.infobar_icon);
             if (iconResourceId != 0) {
                 mIconView.setImageResource(iconResourceId);
             } else if (iconBitmap != null) {
                 mIconView.setImageBitmap(iconBitmap);
             }
             mIconView.setLayoutParams(new LayoutParams(0, 0, mMargin / 2, 0));
             mIconView.getLayoutParams().width = mIconSize;
             mIconView.getLayoutParams().height = mIconSize;
             mIconView.setFocusable(false);
         }
 
         // Set up the message view.
-        mMessageView = (TextView) LayoutInflater.from(context).inflate(R.layout.infobar_text, null);
-        mMessageView.setText(message, TextView.BufferType.SPANNABLE);
-        mMessageView.setMovementMethod(LinkMovementMethod.getInstance());
-        mMessageView.setLinkTextColor(mAccentColor);
-        mMessageView.setLayoutParams(new LayoutParams(0, mMargin / 4, 0, 0));
-
-        if (mIconView == null) {
-            mMainGroup = addGroup(mMessageView);
-        } else {
-            mMainGroup = addGroup(mIconView, mMessageView);
-        }
+        mMessageTextView = (TextView) LayoutInflater.from(context).inflate(R.layout.infobar_text,
+                null);
+        mMessageTextView.setText(message, TextView.BufferType.SPANNABLE);
+        mMessageTextView.setMovementMethod(LinkMovementMethod.getInstance());
+        mMessageTextView.setLinkTextColor(mAccentColor);
+        mMessageView = mMessageTextView;
     }
 
     /**
      * Sets the message to show on the infobar.
      */
     public void setMessage(CharSequence message) {
-        mMessageView.setText(message, TextView.BufferType.SPANNABLE);
+        mMessageTextView.setText(message, TextView.BufferType.SPANNABLE);
     }
 
     /**
+     * Sets a custom view to show in place of the message.
+     */
+    public void setMessageView(View view) {
+        mMessageView = view;
+        mMessageTextView = null;
+    }
+
+    /**
      * Sets the custom content of the infobar. These views will be displayed in addition to the
      * standard infobar controls (icon, text, buttons). Depending on the available space, view1 and
      * view2 will be laid out:
      *  - Side by side on the main row,
      *  - Side by side on a separate row, each taking up half the width of the infobar,
      *  - Stacked above each other on two separate rows, taking up the full width of the infobar.
      */
     public void setCustomContent(View view1, View view2) {
-        mCustomGroup = addGroup(view1, view2);
+        mCustomGroup = new Group(view1, view2);
     }
 
     /**
      * Sets the custom content of the infobar to a single view. This view will be displayed in
      * addition to the standard infobar controls. Depending on the available space, the view will be
      * displayed:
      *  - On the main row, start-aligned or end-aligned depending on whether there are also
      *    buttons on the main row, OR
      *  - On a separate row, start-aligned
      */
     public void setCustomContent(View view) {
-        mCustomGroup = addGroup(view);
+        mCustomGroup = new Group(view);
     }
 
     /**
      * Calls setButtons(primaryText, secondaryText, null).
      */
     public void setButtons(String primaryText, String secondaryText) {
         setButtons(primaryText, secondaryText, null);
     }
 
     /**
      * Adds one, two, or three buttons to the layout.
      *
      * @param primaryText Text for the primary button.
      * @param secondaryText Text for the secondary button, or null if there isn't a second button.
      * @param tertiaryText Text for the tertiary button, or null if there isn't a third button.
      */
     public void setButtons(String primaryText, String secondaryText, String tertiaryText) {
         if (TextUtils.isEmpty(primaryText)) return;
 
-        LayoutInflater inflater = LayoutInflater.from(getContext());
-        Button primaryButton = (Button) inflater.inflate(R.layout.infobar_button, null);
-        primaryButton.setId(R.id.button_primary);
-        primaryButton.setOnClickListener(this);
-        primaryButton.setText(primaryText);
-        primaryButton.setBackgroundResource(R.drawable.btn_infobar_blue);
-        primaryButton.setTextColor(Color.WHITE);
+        mPrimaryButton = new ButtonCompat(getContext(), mAccentColor);
+        mPrimaryButton.setId(R.id.button_primary);
+        mPrimaryButton.setOnClickListener(this);
+        mPrimaryButton.setText(primaryText);
+        mPrimaryButton.setTextColor(Color.WHITE);
 
-        if (TextUtils.isEmpty(secondaryText)) {
-            mButtonGroup = addGroup(primaryButton);
-            return;
-        }
+        if (TextUtils.isEmpty(secondaryText)) return;
 
-        Button secondaryButton = (Button) inflater.inflate(R.layout.infobar_button, null);
-        secondaryButton.setId(R.id.button_secondary);
-        secondaryButton.setOnClickListener(this);
-        secondaryButton.setText(secondaryText);
-        secondaryButton.setTextColor(mAccentColor);
+        mSecondaryButton = ButtonCompat.createBorderlessButton(getContext());
+        mSecondaryButton.setId(R.id.button_secondary);
+        mSecondaryButton.setOnClickListener(this);
+        mSecondaryButton.setText(secondaryText);
+        mSecondaryButton.setTextColor(mAccentColor);
 
-        if (TextUtils.isEmpty(tertiaryText)) {
-            mButtonGroup = addGroup(secondaryButton, primaryButton);
-            return;
-        }
+        if (TextUtils.isEmpty(tertiaryText)) return;
 
-        Button tertiaryButton = (Button) inflater.inflate(R.layout.infobar_button, null);
-        tertiaryButton.setId(R.id.button_tertiary);
-        tertiaryButton.setOnClickListener(this);
-        tertiaryButton.setText(tertiaryText);
-        tertiaryButton.setPadding(mMargin / 2, tertiaryButton.getPaddingTop(), mMargin / 2,
-                tertiaryButton.getPaddingBottom());
-        tertiaryButton.setTextColor(
+        mTertiaryButton = ButtonCompat.createBorderlessButton(getContext());
+        mTertiaryButton.setId(R.id.button_tertiary);
+        mTertiaryButton.setOnClickListener(this);
+        mTertiaryButton.setText(tertiaryText);
+        mTertiaryButton.setPadding(mMargin / 2, mTertiaryButton.getPaddingTop(), mMargin / 2,
+                mTertiaryButton.getPaddingBottom());
+        mTertiaryButton.setTextColor(
                 getContext().getResources().getColor(R.color.infobar_tertiary_button_text));
-
-        mButtonGroup = addGroup(tertiaryButton, secondaryButton, primaryButton);
     }
 
     /**
-     * Adds a group of Views that are measured and laid out together.
+     * Adds a custom view to show in the button row in place of the tertiary button.
      */
-    private Group addGroup(View... views) {
-        Group group = new Group();
-        group.views = views;
+    public void setCustomViewInButtonRow(View view) {
+        mCustomButton = view;
+    }
 
-        for (View v : views) {
-            addView(v);
+    /**
+     * Sets the size of the icon and the spacing between it and the message.
+     */
+    public void setIconSizeAndSpacing(int width, int height, int iconMessageSpacing) {
+        LayoutParams lp = (LayoutParams) mIconView.getLayoutParams();
+        lp.width = width;
+        lp.height = height;
+        lp.endMargin = iconMessageSpacing;
+    }
+
+
+    /**
+     * Returns the primary button, or null if it doesn't exist.
+     */
+    public ButtonCompat getPrimaryButton() {
+        return mPrimaryButton;
+    }
+
+    /**
+     * Returns the icon, or null if it doesn't exist.
+     */
+    public ImageView getIcon() {
+        return mIconView;
+    }
+
+    /**
+     * Must be called after the message, buttons, and custom content have been set, and before the
+     * first call to onMeasure().
+     */
+    void onContentCreated() {
+        mMessageView.setLayoutParams(new LayoutParams(0, mMargin / 4, 0, 0));
+        mMainGroup = new Group(Group.filterNullViews(mIconView, mMessageView));
+
+        View[] buttons = Group.filterNullViews(mCustomButton, mTertiaryButton,
+                mSecondaryButton, mPrimaryButton);
+        if (buttons.length != 0) mButtonGroup = new Group(buttons);
+
+        // Add the child views in the desired focus order.
+        for (View v : mMainGroup.views) addView(v);
+        if (mCustomGroup != null) {
+            for (View v : mCustomGroup.views) addView(v);
         }
-        return group;
+        if (mButtonGroup != null) {
+            for (View v : mButtonGroup.views) addView(v);
+        }
+        addView(mCloseButton);
     }
 
     @Override
     protected LayoutParams generateDefaultLayoutParams() {
         return new LayoutParams(0, 0, 0, 0);
     }
 
     @Override
     protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
         // Place all the views in the positions already determined during onMeasure().
@@ skipping 79 matching lines @@
             placeGroup(mCustomGroup);
         }
 
         if (mButtonGroup != null) {
             if (!buttonGroupOnMainRow) {
                 startRow();
                 updateButtonGroupForRow(ROW_OTHER);
 
                 // If the infobar consists of just a main row and a buttons row, the buttons must be
                 // at least 32dp below the bottom of the message text.
-                if (mCustomGroup == null) {
-                    LayoutParams lp = (LayoutParams) mMessageView.getLayoutParams();
-                    int messageBottom = lp.top + mMessageView.getMeasuredHeight();
+                if (mCustomGroup == null && mMessageTextView != null) {
+                    LayoutParams lp = (LayoutParams) mMessageTextView.getLayoutParams();
+                    int messageBottom = lp.top + mMessageTextView.getMeasuredHeight();
                     mTop = Math.max(mTop, messageBottom + 2 * mMargin);
                 }
             }
             placeGroup(mButtonGroup);
+
+            if (mCustomButton != null && !buttonGroupOnMainRow) {
+                // The custom button is start-aligned with the message view (unless that causes it
+                // to overlap the primary button).
+                LayoutParams primaryButtonLP = (LayoutParams) mPrimaryButton.getLayoutParams();
+                LayoutParams customButtonLP = (LayoutParams) mCustomButton.getLayoutParams();
+                LayoutParams messageLP = (LayoutParams) mMessageView.getLayoutParams();
+                if (customButtonLP.start >= messageLP.start) {
+                    customButtonLP.start = messageLP.start;
+                } else {
+                    customButtonLP.start = mMargin;
+                }
+                if (!mButtonGroup.isStacked) {
+                    // Center the custom button vertically relative to the primary button.
+                    customButtonLP.top = primaryButtonLP.top
+                            + (mPrimaryButton.getMeasuredHeight()
+                            - mCustomButton.getMeasuredHeight()) / 2;
+                }
+            }
         }
 
         startRow();
 
         // If everything fits on a single row, center everything vertically.
         if (buttonGroupOnMainRow) {
             int layoutHeight = mBottom;
             for (int i = 0; i < getChildCount(); i++) {
                 View child = getChildAt(i);
                 int extraSpace = layoutHeight - child.getMeasuredHeight();
@@ skipping 96 matching lines @@
         int startEndMargin = row == ROW_MAIN ? mMargin : 0;
         mButtonGroup.setHorizontalMode(mMargin / 2, startEndMargin, startEndMargin);
         mButtonGroup.gravity = Gravity.END;
 
         if (row == ROW_OTHER && mButtonGroup.views.length >= 2) {
             int extraWidth = availableWidth() - getWidthWithMargins(mButtonGroup);
             if (extraWidth < 0) {
                 // Group is too wide to fit on a single row, so stack the group items vertically.
                 mButtonGroup.setVerticalMode(mMargin / 2, 0);
                 mButtonGroup.gravity = Gravity.FILL_HORIZONTAL;
-            } else if (mButtonGroup.views.length == 3) {
-                // Align tertiary button at the start and the other two buttons at the end.
-                ((LayoutParams) mButtonGroup.views[0].getLayoutParams()).endMargin += extraWidth;
+            } else if (mTertiaryButton != null) {
+                // Align tertiary or custom button at the start and the other buttons at the end.
+                ((LayoutParams) mTertiaryButton.getLayoutParams()).endMargin += extraWidth;
             }
         }
+        if (row == ROW_MAIN && mCustomButton != null) {
+            // Increase spacing between custom button and primary button.
+            ((LayoutParams) mCustomButton.getLayoutParams()).endMargin = mMargin;
+        }
     }
 
     /**
      * Analagous to updateButtonGroupForRow(), but for the custom group istead of the button group.
      */
     private void updateCustomGroupForRow(int row) {
         int startEndMargin = row == ROW_MAIN ? mMargin : 0;
         mCustomGroup.setHorizontalMode(mMargin, startEndMargin, startEndMargin);
         mCustomGroup.gravity = Gravity.START;
 
@@ skipping 32 matching lines @@
             mInfoBarView.onCloseButtonClicked();
         } else if (view.getId() == R.id.button_primary) {
             mInfoBarView.onButtonClicked(true);
         } else if (view.getId() == R.id.button_secondary) {
             mInfoBarView.onButtonClicked(false);
         } else if (view.getId() == R.id.button_tertiary) {
             mInfoBarView.onLinkClicked();
         }
     }
 }