Dark, transparent ui for button, async intent creator

Author: Yoav Sternberg

QCircle-Design-Template/res/drawable-v21/back_button_background_dark.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ripple xmlns:android="http://schemas.android.com/apk/res/android"
+    android:color="@color/back_button_color_dark_pressed">
+    <item android:drawable="@color/back_button_color_dark_normal"/>
+</ripple>

QCircle-Design-Template/res/drawable-xhdpi/backover_dark.png

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_pressed="true" android:drawable="@color/back_button_color_dark_pressed" />
+    <item android:drawable="@color/back_button_color_dark_normal" />
+</selector>

QCircle-Design-Template/res/drawable-xxhdpi/backover_dark.png

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_pressed="true" android:drawable="@color/back_button_color_semi_transparent_pressed" />
+    <item android:drawable="@color/back_button_color_semi_transparent_normal" />
+</selector>

QCircle-Design-Template/res/drawable-xxxhdpi/backover_dark.png

@@ -20,8 +20,7 @@
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:layout_centerHorizontal="true"
-            android:gravity="center_vertical"
-             >
+            android:gravity="center_vertical">
 
             <RelativeLayout
                 android:id="@+id/main"

QCircle-Design-Template/res/drawable/back_button_background_dark.xml

@@ -1,5 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <color name="back_button_color_normal">#DDDDDD</color>
+    <color name="back_button_color_normal">#E1E1E1</color>
     <color name="back_button_color_pressed">#BDBDBD</color>
+    <color name="back_button_color_dark_normal">#607D8B</color>
+    <color name="back_button_color_dark_pressed">#78909C</color>
+    <color name="back_button_color_semi_transparent_normal">#30000000</color>
+    <color name="back_button_color_semi_transparent_pressed">#60000000</color>
 </resources>

QCircle-Design-Template/res/drawable/back_button_background_semi_transparent.xml

@@ -16,9 +16,10 @@
  */
 public final class QCircleBackButton {
 	private final String TAG = "QCircleBackButton";
-
+	private OnClickListener mListener;
 	private ImageView mBtnContent = null;
 	private Context mContext = null;
+	private boolean isDark = false;
 
 	/**
 	 * creates a back button.
@@ -27,7 +28,19 @@ public final class QCircleBackButton {
 	 * <b>If it is null, you might get errors when you use method of this class.</b>
 	 */
 	public QCircleBackButton(Context context) {
+		this(context, null);
+	}
+
+	/**
+	 * creates a back button.
+	 *
+	 * @param context {@code Activity} which has a circle view.<br>
+	 * <b>If it is null, you might get errors when you use method of this class.</b>
+	 * @param listener Listener on click
+	 */
+	public QCircleBackButton(Context context, OnClickListener listener) {
 		mContext = context;
+		mListener = listener;
 		if (!setButton())
 			Log.d(TAG, "Cannot create a button. Context is null.");
 	}
@@ -44,12 +57,12 @@ private boolean setButton() {
 			mBtnContent = new ImageView(mContext);
 			// set attributes
 			mBtnContent.setId(R.id.backButton);
-			mBtnContent.setImageResource(R.drawable.backover);
-			mBtnContent.setBackgroundResource(R.drawable.back_button_background);
+			setTheme();
 			mBtnContent.setScaleType(ScaleType.CENTER);
 			mBtnContent.setOnClickListener(new OnClickListener() {
 				@Override
 				public void onClick(View v) {
+					if (mListener != null) mListener.onClick(v);
 					if (mContext != null) {
 						try {
 							((Activity) mContext).finish();
@@ -64,6 +77,16 @@ public void onClick(View v) {
 		return result;
 	}
 
+
+	private void setTheme() {
+		mBtnContent.setImageResource(isDark ? R.drawable.backover_dark : R.drawable.backover);
+		mBtnContent.setBackgroundResource(isDark ? R.drawable.back_button_background_dark : R.drawable.back_button_background);
+	}
+
+	public void isDark(boolean isDark) {
+		this.isDark = isDark;
+		setTheme();
+	}
 	/**
 	 * gets the view of the button.
 	 *
@@ -78,7 +101,7 @@ public View getView() {
 	 *
 	 * @return ID of the button view
 	 */
-	public int getId() {
+	public static int getId() {
 		return R.id.backButton;
 	}
 
@@ -87,6 +110,6 @@ public int getId() {
 	 */
 	public void setBackgroundTransparent() {
 		if (mBtnContent != null)
-			mBtnContent.setBackgroundColor(Color.TRANSPARENT);
+			mBtnContent.setBackgroundResource(R.drawable.back_button_background_semi_transparent);
 	}
 }

QCircle-Design-Template/res/layout/qcircle_empty.xml

@@ -1,6 +1,7 @@
 package com.lge.qcircle.template;
 
 import android.app.Activity;
+import android.content.ActivityNotFoundException;
 import android.content.BroadcastReceiver;
 import android.content.Context;
 import android.content.Intent;
@@ -56,6 +57,7 @@ public class QCircleTemplate {
 	protected Context mContext = null;
 	protected BroadcastReceiver mReceiver = null;
 	protected Intent mFullscreenIntent = null;
+	protected IntentCreatorAsync mAsyncCreator = null;
 
 	// Views
 	protected TemplateType mLayoutType = TemplateType.CIRCLE_EMPTY;
@@ -99,7 +101,7 @@ public QCircleTemplate(Context context) {
 	 */
 	public QCircleTemplate(Context context, TemplateType type) {
 		mContext = context;
-		registerIntentReceiver(); // register cover events
+		registerIntentReceiver();
 		if (type == null)
 			type = TemplateType.CIRCLE_EMPTY;
 		setTemplateType(type); // set layout style
@@ -135,6 +137,17 @@ public void setFullscreenIntent(Intent intent) {
 			Log.w(TAG, "The given intent is null");
 		}
 		mFullscreenIntent = intent;
+		mAsyncCreator = null;
+	}
+
+	/**
+	 * sets the intent running in fullscreen when the cover is opened.
+	 *
+	 * @param creatorAsync will be called only when need the intent.
+	 */
+	public void setFullscreenIntent(IntentCreatorAsync creatorAsync) {
+		mFullscreenIntent = null;
+		mAsyncCreator = creatorAsync;
 	}
 
 	/**
@@ -144,6 +157,7 @@ public void setFullscreenIntent(Intent intent) {
 	 * @return root view of the layout.
 	 */
 	public View getView() {
+		setQuickCircleWindowParam();
 		return mRootLayout;
 	}
 
@@ -277,10 +291,25 @@ public void setTitle(View titleView, float heightRatio) {
 	 * has one.<br>
 	 * Note that this method does not create a button when the button already exists.
 	 */
-	public void setBackbutton() {
+	public void setBackButton() {
+		setBackButton(null);
+	}
+
+	/**
+	 * sets a back button with callback.
+	 * <p>
+	 * It creates a back button on the bottom of the layout.
+	 * <p>
+	 * You do not need to implement an {@code onClickListener} for the button, because it already
+	 * has one.<br>
+	 * Note that this method does not create a button when the button already exists.
+	 * @param onClickListener Callback for back button.
+	 *                        <b>should be used for closing objects, like camera</b>
+	 */
+	public void setBackButton(View.OnClickListener onClickListener) {
 		if (mBackButton == null) {
 			if (mContext != null)
-				mBackButton = new QCircleBackButton(mContext);
+				mBackButton = new QCircleBackButton(mContext, onClickListener);
 			else {
 				Log.e(TAG, "Cannot create the back button: context is null");
 				return;
@@ -289,6 +318,16 @@ public void setBackbutton() {
 		}
 	}
 
+	/**
+	 * Set the theme to the back button. Default is light.
+	 * @param isDark Is dark theme
+	 */
+	public void setBackButtonTheme(boolean isDark) {
+		if (mBackButton != null) {
+			mBackButton.isDark(isDark);
+		}
+	}
+
 	/**
 	 * gets a layout with the given id.
 	 * <p>
@@ -303,15 +342,6 @@ public RelativeLayout getLayoutById(int id) {
 		RelativeLayout result = null;
 		if (mContent != null && id > 0) {
 			result = (RelativeLayout) mContent.findViewById(id);
-			// if (result == null && mContent.findViewById(R.id.content_top) != null) {
-			// result = (RelativeLayout)mContent.findViewById(R.id.content_top).findViewById(id);
-			// } else if (result == null && mContentLayout != null) {
-			// result = (RelativeLayout)mContentLayout.findViewById(id);
-			// }
-			// for R.id.content
-			// if( result == null && ( mLayoutType == TemplateType.CIRCLE_COMPLEX || mLayoutType ==
-			// TemplateType.CIRCLE_EMPTY) )
-			// return mContent;
 		}
 		return result;
 	}
@@ -483,7 +513,7 @@ private void addTitleView(QCircleTitle titleView, float heightRatio) {
 	/**
 	 * adds a button view to the layout.
 	 * <p>
-	 * It is called by {@link QCircleTemplate#setBackbutton()} to adjust the circle layout. The
+	 * It is called by {@link QCircleTemplate#setBackButton()} to adjust the circle layout. The
 	 * button view is added on the bottom of the layout and the content window will be on the top of
 	 * the button view.
 	 *
@@ -639,15 +669,21 @@ public void onReceive(Context context, Intent intent) {
 					// Gets the current state of the cover
 					int quickCoverState = intent.getIntExtra(EXTRA_ACCESSORY_COVER_STATE,
 							EXTRA_ACCESSORY_COVER_OPENED);
-					// Log.d(TAG, "quickCoverState= " + quickCoverState);
 					if (quickCoverState == EXTRA_ACCESSORY_COVER_CLOSED) { // closed
-//						} else
-//							intenta.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
-						setQuickCircleWindowParam();
+						//setQuickCircleWindowParam();
 					} else if (quickCoverState == EXTRA_ACCESSORY_COVER_OPENED) { // opened
 						if (mFullscreenIntent != null && mContext != null) {
-							mContext.unregisterReceiver(this);
 							mContext.startActivity(mFullscreenIntent);
+						} else if (mContent != null && mAsyncCreator != null) {
+							Intent launching = mAsyncCreator.getIntent();
+							if (launching != null) {
+								try {
+									mContext.startActivity(launching);
+								} catch (ActivityNotFoundException e) {
+									// Package does not exist, ignore.
+									e.printStackTrace();
+								}
+							}
 						}
 						if (mContext instanceof Activity) {
 							((Activity) mContext).finish();
@@ -662,6 +698,14 @@ public void onReceive(Context context, Intent intent) {
 		mContext.registerReceiver(mReceiver, filter);
 	}
 
+	public void unregisterReceiver() {
+		try {
+			mContext.unregisterReceiver(mReceiver);
+		} catch (Exception ignored) {
+			// Receiver not registered
+		}
+	}
+
 	/**
 	 * makes the circle shown even if the screen is locked.
 	 */
@@ -712,7 +756,7 @@ protected boolean setLayoutById(int id, View view) {
 	 */
 	protected void loadCustomTemplate(int templateId) {
 		if (mContext != null && templateId > 0) {
-			View layoutView = (View) ((Activity) mContext).getLayoutInflater().inflate(templateId,
+			View layoutView = ((Activity) mContext).getLayoutInflater().inflate(templateId,
 					null);
 			if (layoutView == null)
 				Log.w(TAG, "Cannot set the custom layout: " + templateId);
@@ -724,4 +768,8 @@ protected void loadCustomTemplate(int templateId) {
 			Log.w(TAG, "Cannot set the custom layout. Context is null");
 		}
 	}
-}
+
+	public static interface IntentCreatorAsync {
+		Intent getIntent();
+	}
+}