ui/provider/CarUiEntry.java

/*
 * Copyright (C) 2015 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
package android.car.ui.provider;

import android.car.app.menu.CarMenuCallbacks;
import android.car.app.menu.RootMenu;
import android.car.app.menu.SearchBoxEditListener;
import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffColorFilter;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.support.car.input.CarRestrictedEditText;
import android.support.car.ui.DrawerArrowDrawable;
import android.support.car.ui.PagedListView;
import android.support.v7.widget.CardView;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.Log;
import android.view.Gravity;
import android.view.KeyEvent;
import android.widget.EditText;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.view.View;
import android.view.LayoutInflater;

import android.support.car.ui.R;

public class CarUiEntry extends android.car.app.menu.CarUiEntry {
    private static final String TAG = "Embedded_CarUiEntry";

    // These values and setSearchBoxMode exist rather than separate methods to make sure exactly the
    // same set of things get set for each mode, just to different values.
    /** The search box is not visible. */
    private static final int SEARCH_BOX_MODE_NONE = 0;
    /** The small search box is shown in the header beneath the microphone button. */
    private static final int SEARCH_BOX_MODE_SMALL = 1;
    /** The whole header between the menu button and the microphone button is taken up by the
     * search box. */
    private static final int SEARCH_BOX_MODE_LARGE = 2;

    private View mContentView;
    private ImageView mMenuButton;
    private TextView mTitleView;
    private CardView mTruncatedListCardView;
    private CarDrawerLayout mDrawerLayout;
    private DrawerController mDrawerController;
    private PagedListView mListView;
    private DrawerArrowDrawable mDrawerArrowDrawable;
    private CarRestrictedEditText mCarRestrictedEditText;
    private SearchBoxClickListener mSearchBoxClickListener;

    private View mSearchBox;
    private View mSearchBoxContents;
    private View mSearchBoxSearchLogoContainer;
    private ImageView mSearchBoxSearchLogo;
    private ImageView mSearchBoxSuperSearchLogo;
    private FrameLayout mSearchBoxEndView;
    private View mTitleContainer;
    private SearchBoxEditListener mSearchBoxEditListener;

    public interface SearchBoxClickListener {
        /**
         * The user clicked the search box while it was in small mode.
         */
        void onClick();
    }

    public CarUiEntry(Context providerContext, Context appContext) {
        super(providerContext, appContext);
    }

    @Override
    public View getContentView() {
        LayoutInflater inflater = LayoutInflater.from(mUiLibContext);
        mContentView = inflater.inflate(R.layout.car_activity, null);
        mDrawerLayout = (CarDrawerLayout) mContentView.findViewById(R.id.drawer_container);
        adjustDrawer();
        mMenuButton = (ImageView) mContentView.findViewById(R.id.car_drawer_button);
        mTitleView = (TextView) mContentView.findViewById(R.id.car_drawer_title);
        mTruncatedListCardView = (CardView) mContentView.findViewById(R.id.truncated_list_card);
        mDrawerArrowDrawable = new DrawerArrowDrawable(mUiLibContext);
        restoreMenuDrawable();
        mListView = (PagedListView) mContentView.findViewById(R.id.list_view);
        mListView.setOnScrollBarListener(mOnScrollBarListener);
        mMenuButton.setOnClickListener(mMenuListener);
        mDrawerController = new DrawerController(this, mMenuButton,
                 mDrawerLayout, mListView, mTruncatedListCardView);
        mTitleContainer = mContentView.findViewById(R.id.car_drawer_title_container);

        mSearchBoxEndView = (FrameLayout) mContentView.findViewById(R.id.car_search_box_end_view);
        mSearchBox = mContentView.findViewById(R.id.car_search_box);
        mSearchBoxContents = mContentView.findViewById(R.id.car_search_box_contents);
        mSearchBoxSearchLogoContainer = mContentView.findViewById(
                R.id.car_search_box_search_logo_container);
        mSearchBoxSearchLogoContainer.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (mSearchBoxClickListener != null) {
                    mSearchBoxClickListener.onClick();
                }
            }
        });
        mSearchBoxSearchLogo = (ImageView) mContentView.findViewById(
                R.id.car_search_box_search_logo);
        mSearchBoxSearchLogo.setImageDrawable(mUiLibContext.getResources()
                .getDrawable(R.drawable.ic_google));
        mSearchBoxSuperSearchLogo = (ImageView) mContentView.findViewById(
                R.id.car_search_box_super_logo);
        mSearchBoxSuperSearchLogo.setImageDrawable(mUiLibContext.getResources()
                .getDrawable(R.drawable.ic_googleg));

        mCarRestrictedEditText = (CarRestrictedEditText) mContentView.findViewById(
                R.id.car_search_box_edit_text);
        mCarRestrictedEditText.setOnEditorActionListener(new TextView.OnEditorActionListener() {
            @Override
            public boolean onEditorAction(TextView view, int actionId, KeyEvent event) {
                if (mSearchBoxEditListener != null) {
                    mSearchBoxEditListener.onSearch(mCarRestrictedEditText.getText().toString());
                }
                return false;
            }
        });
        mCarRestrictedEditText.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence text, int start, int count, int after) {
            }

            @Override
            public void onTextChanged(CharSequence text, int start, int before, int count) {
            }

            @Override
            public void afterTextChanged(Editable text) {
                if (mSearchBoxEditListener != null) {
                    mSearchBoxEditListener.onEdit(text.toString());
                }
            }
        });
        setSearchBoxMode(SEARCH_BOX_MODE_NONE);
        return mContentView;
    }

    private final View.OnClickListener mMenuListener = new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            CarUiEntry.this.mDrawerController.openDrawer();
        }
    };

    @Override
    public void setCarMenuCallbacks(CarMenuCallbacks callbacks){
        RootMenu rootMenu = callbacks.getRootMenu(null);
        if (rootMenu != null) {
            mDrawerController.setRootAndCallbacks(
                    rootMenu.getId(), callbacks);
            mDrawerController.setDrawerEnabled(true);
        } else {
            hideMenuButton();
        }
    }

    @Override
    public int getFragmentContainerId() {
        return R.id.container;
    }

    @Override
    public void setBackground(Bitmap bitmap) {
        BitmapDrawable bd = new BitmapDrawable(mUiLibContext.getResources(), bitmap);
        ImageView bg = (ImageView) mContentView.findViewById(R.id.background);
        bg.setBackground(bd);
    }

    @Override
    public void hideMenuButton() {
        mMenuButton.setVisibility(View.GONE);
    }

    @Override
    public void restoreMenuDrawable() {
        mMenuButton.setImageDrawable(mDrawerArrowDrawable);
    }

    public void setMenuButtonBitmap(Bitmap bitmap) {
        mMenuButton.setImageDrawable(new BitmapDrawable(mUiLibContext.getResources(), bitmap));
    }

    @Override
    public void setScrimColor(int color) {
        mDrawerLayout.setScrimColor(color);
    }

    @Override
    public void setTitle(CharSequence title) {
        mDrawerController.setTitle(title);
    }

    @Override
    public void closeDrawer() {
        mDrawerController.closeDrawer();
    }

    @Override
    public void openDrawer() {
        mDrawerController.openDrawer();
    }

    @Override
    public void showMenu(String id, String title) {
        mDrawerController.showMenu(id, title);
    }


    @Override
    public void setMenuButtonColor(int color) {
        setViewColor(mMenuButton, color);
        setViewColor(mTitleView, color);
    }

    @Override
    public void showTitle() {
        mTitleView.setVisibility(View.VISIBLE);
    }

    @Override
    public void hideTitle() {
        mTitleView.setVisibility(View.GONE);
    }

    @Override
    public void setLightMode() {
        mDrawerController.setLightMode();
    }

    @Override
    public void setDarkMode() {
        mDrawerController.setDarkMode();
    }

    @Override
    public void setAutoLightDarkMode() {
        mDrawerController.setAutoLightDarkMode();
    }

    @Override
    public void showToast(String msg, long duration) {
        // TODO: add toast support
    }

    @Override
    public CharSequence getSearchBoxText() {
        return mCarRestrictedEditText.getText();
    }

    @Override
    public EditText startInput(String hint,
            View.OnClickListener searchBoxClickListener) {
        mSearchBoxClickListener = wrapSearchBoxClickListener(searchBoxClickListener);
        setSearchBoxModeLarge(hint);
        return mCarRestrictedEditText;
    }


    @Override
    public void onRestoreInstanceState(Bundle savedInstanceState) {
        if (mDrawerController != null) {
            mDrawerController.restoreState(savedInstanceState);
        }
    }

    @Override
    public void onSaveInstanceState(Bundle outState) {
        if (mDrawerController != null) {
            mDrawerController.saveState(outState);
        }
    }

    @Override
    public void onStart() {

    }

    @Override
    public void onResume() {

    }

    @Override
    public void onPause() {

    }

    @Override
    public void onStop() {

    }

    /**
     * Sets the colors of all the parts of the search box (regardless of whether it is currently
     * showing).
     */
    @Override
    public void setSearchBoxColors(int backgroundColor, int searchLogoColor, int textColor,
                                   int hintTextColor) {
        // set background color of mSearchBox to get rid of the animation artifact in b/23767062
        mSearchBox.setBackgroundColor(backgroundColor);
        mSearchBoxContents.setBackgroundColor(backgroundColor);
        mSearchBoxSearchLogo.setColorFilter(searchLogoColor, PorterDuff.Mode.SRC_IN);
        mCarRestrictedEditText.setTextColor(textColor);
        mCarRestrictedEditText.setHintTextColor(hintTextColor);
    }

    /**
     * Sets the view to be displayed at the end of the search box, or null to clear any existing
     * views.
     */
    @Override
    public void setSearchBoxEndView(View endView) {
        if (endView == null) {
            mSearchBoxEndView.removeAllViews();
        } else if (mSearchBoxEndView.getChildCount() == 0) {
            mSearchBoxEndView.addView(endView);
        } else if (mSearchBoxEndView.getChildAt(0) != endView) {
            mSearchBoxEndView.removeViewAt(0);
            mSearchBoxEndView.addView(endView);
        }
    }

    @Override
    public void showSearchBox(final View.OnClickListener listener) {
        setSearchBoxMode(SEARCH_BOX_MODE_SMALL);
        mSearchBoxClickListener = wrapSearchBoxClickListener(listener);
    }

    @Override
    public void stopInput() {
        setSearchBoxMode(SEARCH_BOX_MODE_NONE);
    }

    @Override
    public void setSearchBoxEditListener(SearchBoxEditListener listener) {
        mSearchBoxEditListener = listener;
    }


    /**
     * Set the progress of the animated {@link DrawerArrowDrawable}.
     * @param progress 0f displays a menu button
     *                 1f displays a back button
     *                 anything in between will be an interpolation of the drawable between
     *                 back and menu
     */
    public void setMenuProgress(float progress) {
        mDrawerArrowDrawable.setProgress(progress);
    }

    private void setSearchBoxModeLarge(String hint) {
        mCarRestrictedEditText.setHint(hint);
        setSearchBoxMode(SEARCH_BOX_MODE_LARGE);
    }

    public void setTitleText(CharSequence title) {
        mTitleView.setText(title);
    }

    /**
     * Sets all the view visibilities and layout params for a search box mode.
     */
    private void setSearchBoxMode(int searchBoxMode) {
        // Set the visibility and width of the search box, and whether the rest of the header sits
        // beside or beneath the microphone button.
        LinearLayout.LayoutParams searchBoxLayoutParams =
                (LinearLayout.LayoutParams) mSearchBox.getLayoutParams();
        if (searchBoxMode == SEARCH_BOX_MODE_LARGE) {
            int screenWidth = mAppContext.getResources().getDisplayMetrics().widthPixels;
            int searchBoxMargin = mUiLibContext.getResources()
                    .getDimensionPixelSize(R.dimen.car_drawer_header_menu_button_size);
            int maxSearchBoxWidth = mUiLibContext.getResources().getDimensionPixelSize(
                    R.dimen.car_card_max_width);
            int searchBoxMarginStart = 0;
            int searchBoxMarginEnd = searchBoxMargin;
            // If the width of search bar is larger than max card width, we adjust margin to fix it.
            if (screenWidth - searchBoxMargin * 2 > maxSearchBoxWidth) {
                searchBoxMarginEnd = (screenWidth - maxSearchBoxWidth) / 2;
                searchBoxMarginStart = searchBoxMarginEnd - searchBoxMargin;
            }
            searchBoxLayoutParams.width = 0;
            searchBoxLayoutParams.weight = 1.0f;
            searchBoxLayoutParams.setMarginStart(searchBoxMarginStart);
            searchBoxLayoutParams.setMarginEnd(searchBoxMarginEnd);
        } else if (searchBoxMode == SEARCH_BOX_MODE_SMALL) {
            searchBoxLayoutParams.width = mUiLibContext.getResources().getDimensionPixelSize(
                    R.dimen.car_app_layout_search_box_small_width);
            searchBoxLayoutParams.weight = 0.0f;
            searchBoxLayoutParams.setMarginStart(mUiLibContext.getResources()
                    .getDimensionPixelOffset(R.dimen.car_app_layout_search_box_small_margin));
            searchBoxLayoutParams.setMarginEnd(mUiLibContext.getResources().getDimensionPixelOffset(
                    R.dimen.car_app_layout_search_box_small_margin));
        } else {
            searchBoxLayoutParams.width = mUiLibContext.getResources().getDimensionPixelSize(
                    R.dimen.car_app_layout_search_box_small_width);
            searchBoxLayoutParams.weight = 0.0f;
            searchBoxLayoutParams.setMarginStart(mUiLibContext.getResources().getDimensionPixelSize(
                    R.dimen.car_drawer_header_menu_button_size));
            searchBoxLayoutParams.setMarginEnd(-searchBoxLayoutParams.width);
        }
        mSearchBox.setLayoutParams(searchBoxLayoutParams);

        // Animate the visibility of the contents of the search box - either the Search logo or the
        // edit text is visible (the super logo also is visible when the edit text is visible).
        View searchBoxEditTextContainer = (View) mCarRestrictedEditText.getParent();
        if (searchBoxMode == SEARCH_BOX_MODE_SMALL) {
            if (mSearchBoxSearchLogoContainer.getVisibility() != View.VISIBLE) {
                mSearchBoxSearchLogoContainer.setAlpha(0f);
                mSearchBoxSearchLogoContainer.setVisibility(View.VISIBLE);
            }
            // 300ms delay to stagger the fade in behind the fade out animation.
            mSearchBoxSearchLogoContainer.animate().alpha(1f).setStartDelay(300);
            // Animate the container so it includes the super G logo.
            if (searchBoxEditTextContainer.getVisibility() == View.VISIBLE) {
                searchBoxEditTextContainer.animate().alpha(0f).setStartDelay(0)
                        .withEndAction(mSetEditTextGoneRunnable);
            }
        } else if (searchBoxMode == SEARCH_BOX_MODE_LARGE) {
            if (searchBoxEditTextContainer.getVisibility() != View.VISIBLE) {
                searchBoxEditTextContainer.setAlpha(0f);
                searchBoxEditTextContainer.setVisibility(View.VISIBLE);
            }
            searchBoxEditTextContainer.animate().alpha(1f).setStartDelay(300);
            if (mSearchBoxSearchLogoContainer.getVisibility() == View.VISIBLE) {
                mSearchBoxSearchLogoContainer.animate().alpha(0f).setStartDelay(0)
                        .withEndAction(mSetSearchBoxLogoGoneRunnable);
            }
        } else {
            searchBoxEditTextContainer.setVisibility(View.GONE);
        }

        // Set the visibility of the title and status containers.
        if (searchBoxMode == SEARCH_BOX_MODE_LARGE) {
            mTitleContainer.setVisibility(View.GONE);
        } else {
            mTitleContainer.setVisibility(View.VISIBLE);
        }
    }


    private final Runnable mSetEditTextGoneRunnable = new Runnable() {
        @Override
        public void run() {
            ((View) mCarRestrictedEditText.getParent()).setVisibility(View.GONE);
        }
    };

    private final Runnable mSetSearchBoxLogoGoneRunnable = new Runnable() {
        @Override
        public void run() {
            mSearchBoxSearchLogoContainer.setVisibility(View.GONE);
        }
    };


    private SearchBoxClickListener wrapSearchBoxClickListener(final View.OnClickListener listener) {
        return new SearchBoxClickListener() {
            @Override
            public void onClick() {
                listener.onClick(null);
            }
        };
    }


    private static void setViewColor(View view, int color) {
        if (view instanceof TextView) {
            ((TextView) view).setTextColor(color);
        } else if (view instanceof ImageView) {
            ImageView imageView = (ImageView) view;
            PorterDuffColorFilter filter =
                    new PorterDuffColorFilter(color, PorterDuff.Mode.SRC_IN);
            imageView.setColorFilter(filter);
        } else {
            if (Log.isLoggable(TAG, Log.WARN)) {
                Log.w(TAG, "Setting color is only supported for TextView and ImageView.");
            }
        }
    }

    private void adjustDrawer() {
        Resources resources = mUiLibContext.getResources();
        float width = resources.getDisplayMetrics().widthPixels;
        CarDrawerLayout.LayoutParams layoutParams = new CarDrawerLayout.LayoutParams(
                CarDrawerLayout.LayoutParams.MATCH_PARENT,
                CarDrawerLayout.LayoutParams.MATCH_PARENT);
        layoutParams.gravity = Gravity.LEFT;
        // 1. If the screen width is larger than 800dp, the drawer width is kept as 704dp;
        // 2. Else the drawer width is adjusted to keep the margin end of drawer as 96dp.

//        if (width > resources.getDimension(R.dimen.car_standard_width)) {
//            layoutParams.setMarginEnd(
//                    (int) (width - resources.getDimension(R.dimen.car_drawer_standard_width)));
//        } else {
//            layoutParams.setMarginEnd(
//                    (int) resources.getDimension(R.dimen.car_card_margin));
//        }
        // TODO: For UX, need to update max drawer width for the large screen use case. The previous
        // 704dp width no longer works.
        layoutParams.setMarginEnd((int) resources.getDimension(R.dimen.car_card_margin));
        mContentView.findViewById(R.id.drawer).setLayoutParams(layoutParams);
    }

    private final PagedListView.OnScrollBarListener mOnScrollBarListener =
            new PagedListView.OnScrollBarListener() {

                @Override
                public void onReachBottom() {
                    if (mDrawerController.isTruncatedList()) {
                        mTruncatedListCardView.setVisibility(View.VISIBLE);
                    }
                }

                @Override
                public void onLeaveBottom() {
                    mTruncatedListCardView.setVisibility(View.GONE);
                }
            };
}