[TIMOB-25953] Android: Add "Ti.UI.TabbedBar" support

android/modules/ui/src/java/ti/modules/titanium/ui/TabbedBarProxy.java

@@ -0,0 +1,126 @@
+/**
+ * Appcelerator Titanium Mobile
+ * Copyright (c) 2009-2018 by Axway, Inc. All Rights Reserved.
+ * Licensed under the terms of the Apache Public License
+ * Please see the LICENSE included with this distribution for details.
+ */
+package ti.modules.titanium.ui;
+
+import android.app.Activity;
+import android.os.Message;
+
+import org.appcelerator.kroll.KrollDict;
+import org.appcelerator.kroll.annotations.Kroll;
+import org.appcelerator.kroll.common.AsyncResult;
+import org.appcelerator.kroll.common.TiMessenger;
+import org.appcelerator.titanium.TiApplication;
+import org.appcelerator.titanium.TiC;
+import org.appcelerator.titanium.proxy.TiViewProxy;
+import org.appcelerator.titanium.view.TiUIView;
+
+import ti.modules.titanium.ui.android.AndroidModule;
+import ti.modules.titanium.ui.widget.TiUITabbedBar;
+
+@Kroll.proxy(creatableInModule = UIModule.class, propertyAccessors =
+													 {
+														 TiC.PROPERTY_INDEX,
+														 TiC.PROPERTY_LABELS,
+														 TiC.PROPERTY_STYLE,
+													 })
+public class TabbedBarProxy extends TiViewProxy
+{
+
+	private static final int MSG_CHANGE_INDEX = 3001;
+	private static final int MSG_CHANGE_LABELS = 3002;
+	private static final int MSG_CHANGE_STYLE = 3003;
+
+	private static final String TAG = "TabbedBarProxy";
+
+	private TiUITabbedBar tabbedBar;
+
+	@Override
+	public String getApiName()
+	{
+		return "Ti.UI.TabbedBar";
+	}
+
+	@Override
+	public void handleCreationDict(KrollDict options)
+	{
+		super.handleCreationDict(options);
+		// If a style is not set in the creation dictionary use the default one
+		if (!options.containsKeyAndNotNull(TiC.PROPERTY_STYLE)) {
+			this.setProperty(TiC.PROPERTY_STYLE, AndroidModule.TABS_STYLE_DEFAULT);
+		}
+	}
+
+	@Override
+	public TiUIView createView(Activity activity)
+	{
+		tabbedBar = new TiUITabbedBar(this);
+		if (hasPropertyAndNotNull(TiC.PROPERTY_INDEX)) {
+			tabbedBar.setSelectedIndex(((int) getProperty(TiC.PROPERTY_INDEX)));
+		}
+		return tabbedBar;
+	}
+
+	// clang-format off
+	@Kroll.getProperty
+	@Kroll.method
+	public int getIndex()
+	// clang-format on
+	{
+		return tabbedBar.getSelectedIndex();
+	}
+
+	@Override
+	public void onPropertyChanged(String name, Object value)
+	{
+		super.onPropertyChanged(name, value);
+		if (name.equals(TiC.PROPERTY_INDEX)) {
+			if (TiApplication.isUIThread()) {
+				tabbedBar.setSelectedIndex(((int) value));
+			} else {
+				TiMessenger.sendBlockingMainMessage(getMainHandler().obtainMessage(MSG_CHANGE_INDEX), value);
+			}
+		}
+		if (name.equals(TiC.PROPERTY_LABELS)) {
+			if (TiApplication.isUIThread()) {
+				tabbedBar.setNewLabels();
+			} else {
+				TiMessenger.sendBlockingMainMessage(getMainHandler().obtainMessage(MSG_CHANGE_LABELS));
+			}
+		}
+		/*if (name.equals(TiC.PROPERTY_STYLE)) {
+			if (TiApplication.isUIThread()) {
+				tabbedBar.setNewStyle(((int) value));
+			} else {
+				TiMessenger.sendBlockingMainMessage(getMainHandler().obtainMessage(MSG_CHANGE_STYLE), value);
+			}
+		}*/
+	}
+
+	@Override
+	public boolean handleMessage(Message msg)
+	{
+		if (msg.what == MSG_CHANGE_INDEX) {
+			AsyncResult result = (AsyncResult) msg.obj;
+			tabbedBar.setSelectedIndex(((int) result.getArg()));
+			result.setResult(null);
+			return true;
+		} else if (msg.what == MSG_CHANGE_LABELS) {
+			AsyncResult result = (AsyncResult) msg.obj;
+			tabbedBar.setNewLabels();
+			result.setResult(null);
+			return true;
+			//TODO: See if iOS supports change of styles after creation
+			/*} else if (msg.what == MSG_CHANGE_STYLE) {
+			AsyncResult result = (AsyncResult) msg.obj;
+			tabbedBar.setNewStyle(((int) result.getArg()));
+			result.setResult(null);
+			return true;*/
+		} else {
+			return super.handleMessage(msg);
+		}
+	}
+}

android/modules/ui/src/java/ti/modules/titanium/ui/widget/TiUITabbedBar.java

@@ -0,0 +1,263 @@
+/**
+ * Appcelerator Titanium Mobile
+ * Copyright (c) 2009-2018 by Axway, Inc. All Rights Reserved.
+ * Licensed under the terms of the Apache Public License
+ * Please see the LICENSE included with this distribution for details.
+ */
+package ti.modules.titanium.ui.widget;
+
+import android.graphics.drawable.Drawable;
+import android.support.design.widget.BottomNavigationView;
+import android.support.design.widget.TabLayout;
+import android.view.MenuItem;
+
+import org.appcelerator.kroll.KrollDict;
+import org.appcelerator.kroll.common.Log;
+import org.appcelerator.titanium.TiC;
+import org.appcelerator.titanium.proxy.TiViewProxy;
+import org.appcelerator.titanium.util.TiColorHelper;
+import org.appcelerator.titanium.util.TiUIHelper;
+import org.appcelerator.titanium.view.TiDrawableReference;
+import org.appcelerator.titanium.view.TiUIView;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+
+import ti.modules.titanium.ui.android.AndroidModule;
+
+public class TiUITabbedBar extends TiUIView implements MenuItem.OnMenuItemClickListener, TabLayout.OnTabSelectedListener
+{
+
+	private static final String TAG = "TiUITabbedBar";
+
+	private TabLayout tabLayout;
+	private BottomNavigationView bottomNavigationView;
+	private int style;
+	private ArrayList<MenuItem> bottomNavigationMenuItems = new ArrayList<>();
+	private int bottomNavigationIndex = -1;
+
+	/**
+	 * Constructs a TiUIView object with the associated proxy.
+	 *
+	 * @param proxy the associated proxy.
+	 * @module.api
+	 */
+	public TiUITabbedBar(TiViewProxy proxy)
+	{
+		super(proxy);
+		this.style = ((Integer) getProxy().getProperty(TiC.PROPERTY_STYLE));
+		switch (this.style) {
+			case AndroidModule.TABS_STYLE_DEFAULT:
+				createTabLayout();
+				break;
+			case AndroidModule.TABS_STYLE_BOTTOM_NAVIGATION:
+				createBottomNavigationView();
+				break;
+				// end of switch
+		}
+	}
+
+	private void createTabLayout()
+	{
+		this.tabLayout = new TabLayout(getProxy().getActivity()) {
+			@Override
+			protected void onLayout(boolean changed, int l, int t, int r, int b)
+			{
+				super.onLayout(changed, l, t, r, b);
+				TiUIHelper.firePostLayoutEvent(getProxy());
+			}
+		};
+		this.parseDataSet();
+		this.tabLayout.addOnTabSelectedListener(this);
+		// For now use the proxy's selectedBackgroundColor for selected indicator
+		if (getProxy().hasPropertyAndNotNull(TiC.PROPERTY_SELECTED_BACKGROUND_COLOR)) {
+			this.tabLayout.setSelectedTabIndicatorColor(
+				TiColorHelper.parseColor(getProxy().getProperty(TiC.PROPERTY_SELECTED_BACKGROUND_COLOR).toString()));
+		}
+		setNativeView(this.tabLayout);
+	}
+
+	private void createBottomNavigationView()
+	{
+		this.bottomNavigationMenuItems = new ArrayList<>();
+		this.bottomNavigationView = new BottomNavigationView(getProxy().getActivity()) {
+			@Override
+			protected void onLayout(boolean changed, int left, int top, int right, int bottom)
+			{
+				super.onLayout(changed, left, top, right, bottom);
+				TiUIHelper.firePostLayoutEvent(getProxy());
+			}
+		};
+		this.bottomNavigationView.setItemIconTintList(null);
+		parseDataSet();
+		this.bottomNavigationView.getSelectedItemId();
+		// For now by default select the first index.
+		bottomNavigationIndex = 0;
+		setNativeView(this.bottomNavigationView);
+	}
+
+	private void parseDataSet()
+	{
+		Object[] labels = ((Object[]) getProxy().getProperty(TiC.PROPERTY_LABELS));
+		if (labels == null || labels.length == 0) {
+			return;
+		}
+
+		// BottomNavigationView only supports up to 5 menu items
+		if (style == AndroidModule.TABS_STYLE_BOTTOM_NAVIGATION && labels.length > 5) {
+			Log.e(TAG, "Bottom Navigation style supports up to five items in the menu.");
+			return;
+		}
+
+		// Currently mixed data sets (Labels/BarItemType) are not supported
+		// Data set is simple labels
+		if (labels[0] instanceof String) {
+			for (int i = 0; i < labels.length; i++) {
+				addItem(labels[i].toString(), false);
+			}
+			return;
+		}
+
+		// Data set is BarItemType
+		for (int i = 0; i < labels.length; i++) {
+			// Create a map record from BarItemType
+			HashMap item = ((HashMap) labels[i]);
+			if (item.containsKey(TiC.PROPERTY_IMAGE)) {
+				addItem(item.get(TiC.PROPERTY_IMAGE), true);
+			} else {
+				if (item.containsKey(TiC.PROPERTY_TITLE)) {
+					addItem(item.get(TiC.PROPERTY_TITLE), false);
+				}
+			}
+		}
+	}
+
+	private void addItem(Object value, boolean isImage)
+	{
+		Drawable drawable = null;
+		if (isImage) {
+			drawable = TiDrawableReference.fromObject(getProxy(), value).getDrawable();
+		}
+		switch (this.style) {
+			case AndroidModule.TABS_STYLE_DEFAULT:
+				TabLayout.Tab tab = this.tabLayout.newTab();
+				if (drawable != null) {
+					tab.setIcon(drawable);
+				} else {
+					tab.setText(value.toString());
+				}
+				this.tabLayout.addTab(tab);
+				break;
+			case AndroidModule.TABS_STYLE_BOTTOM_NAVIGATION:
+				MenuItem menuItem = this.bottomNavigationView.getMenu().add(null);
+				menuItem.setOnMenuItemClickListener(this);
+				this.bottomNavigationMenuItems.add(menuItem);
+				if (drawable != null) {
+					menuItem.setIcon(drawable);
+				} else {
+					menuItem.setTitle(value.toString());
+				}
+				break;
+		}
+	}
+
+	// Handle switching styles after creation
+	public void setNewStyle(int newStyle)
+	{
+		// If the new style value equals the currently set do nothing
+		if ((newStyle == AndroidModule.TABS_STYLE_DEFAULT && tabLayout != null)
+			|| (newStyle == AndroidModule.TABS_STYLE_BOTTOM_NAVIGATION && bottomNavigationView != null)) {
+			return;
+		}
+		this.style = newStyle;
+		// Labels are not changed at this very moment
+		// so recreate the native view with the proper style.
+		switch (newStyle) {
+			case AndroidModule.TABS_STYLE_DEFAULT:
+				// Reset everything related to the TABBED_BAR_STYLE_BOTTOM_NAVIGATION style
+				break;
+			case AndroidModule.TABS_STYLE_BOTTOM_NAVIGATION:
+				// Reset everything related to the DEFAULT_VIEW style
+				break;
+		} // end of switch
+	}
+
+	// Recreate the native views from scratch in case the data set has been changed
+	public void setNewLabels()
+	{
+		switch (((int) getProxy().getProperty(TiC.PROPERTY_STYLE))) {
+			case AndroidModule.TABS_STYLE_DEFAULT:
+				if (this.tabLayout != null) {
+					this.tabLayout.removeAllTabs();
+				}
+				break;
+			case AndroidModule.TABS_STYLE_BOTTOM_NAVIGATION:
+				if (bottomNavigationView != null) {
+					// Reset the default index
+					// This may be changed to persist the selected index in the future
+					bottomNavigationIndex = 0;
+					bottomNavigationView.getMenu().clear();
+					bottomNavigationMenuItems.clear();
+				}
+				break;
+		}
+		parseDataSet();
+	}
+
+	public void setSelectedIndex(int i)
+	{
+		switch (this.style) {
+			case AndroidModule.TABS_STYLE_DEFAULT:
+				this.tabLayout.getTabAt(i).select();
+				break;
+			case AndroidModule.TABS_STYLE_BOTTOM_NAVIGATION:
+				this.bottomNavigationView.getMenu().getItem(i).setChecked(true);
+				this.bottomNavigationIndex = i;
+				break;
+		}
+	}
+
+	public int getSelectedIndex()
+	{
+		switch (style) {
+			case AndroidModule.TABS_STYLE_DEFAULT:
+				return tabLayout.getSelectedTabPosition();
+			case AndroidModule.TABS_STYLE_BOTTOM_NAVIGATION:
+				return bottomNavigationIndex;
+			default:
+				return -1;
+		} // end of switch
+	}
+
+	@Override
+	public boolean onMenuItemClick(MenuItem item)
+	{
+		this.bottomNavigationIndex = this.bottomNavigationMenuItems.indexOf(item);
+		KrollDict data = new KrollDict();
+		data.put(TiC.PROPERTY_INDEX, this.bottomNavigationIndex);
+		proxy.fireEvent(TiC.EVENT_CLICK, data);
+		getProxy().setProperty(TiC.PROPERTY_INDEX, this.bottomNavigationIndex);
+		return false;
+	}
+
+	@Override
+	public void onTabSelected(TabLayout.Tab tab)
+	{
+		KrollDict data = new KrollDict();
+		data.put(TiC.PROPERTY_INDEX, tab.getPosition());
+		getProxy().setProperty(TiC.PROPERTY_INDEX, tab.getPosition());
+		proxy.fireEvent(TiC.EVENT_CLICK, data);
+	}
+
+	@Override
+	public void onTabUnselected(TabLayout.Tab tab)
+	{
+		// No override
+	}
+
+	@Override
+	public void onTabReselected(TabLayout.Tab tab)
+	{
+		// No override
+	}
+}