mirror of
https://github.com/iSoron/uhabits.git
synced 2025-12-06 09:08:52 -06:00
Tweak transparency and colors
This commit is contained in:
@@ -230,6 +230,16 @@ public abstract class UIHelper
|
||||
return bool;
|
||||
}
|
||||
|
||||
public static float getStyledFloat(Context context, int attrId)
|
||||
{
|
||||
int[] attrs = new int[]{ attrId };
|
||||
TypedArray ta = context.obtainStyledAttributes(attrs);
|
||||
float f = ta.getFloat(0, 0);
|
||||
ta.recycle();
|
||||
|
||||
return f;
|
||||
}
|
||||
|
||||
static int getStyleResource(Context context, int attrId)
|
||||
{
|
||||
int[] attr = new int[] { attrId };
|
||||
|
||||
@@ -20,7 +20,6 @@
|
||||
package org.isoron.uhabits.views;
|
||||
|
||||
import android.content.Context;
|
||||
import android.graphics.Color;
|
||||
import android.support.annotation.NonNull;
|
||||
import android.support.annotation.Nullable;
|
||||
import android.util.AttributeSet;
|
||||
@@ -28,6 +27,7 @@ import android.widget.TextView;
|
||||
|
||||
import org.isoron.uhabits.R;
|
||||
import org.isoron.uhabits.helpers.ColorHelper;
|
||||
import org.isoron.uhabits.helpers.UIHelper;
|
||||
import org.isoron.uhabits.models.Checkmark;
|
||||
import org.isoron.uhabits.models.Habit;
|
||||
import org.isoron.uhabits.models.Score;
|
||||
@@ -44,7 +44,6 @@ public class CheckmarkWidgetView extends HabitWidgetView implements HabitDataVie
|
||||
private RingView ring;
|
||||
private TextView label;
|
||||
private int checkmarkValue;
|
||||
private int inactiveColor;
|
||||
|
||||
public CheckmarkWidgetView(Context context)
|
||||
{
|
||||
@@ -63,8 +62,6 @@ public class CheckmarkWidgetView extends HabitWidgetView implements HabitDataVie
|
||||
ring = (RingView) findViewById(R.id.scoreRing);
|
||||
label = (TextView) findViewById(R.id.label);
|
||||
|
||||
inactiveColor = ColorHelper.CSV_PALETTE[11];
|
||||
|
||||
if(isInEditMode())
|
||||
{
|
||||
percentage = 0.75f;
|
||||
@@ -80,7 +77,7 @@ public class CheckmarkWidgetView extends HabitWidgetView implements HabitDataVie
|
||||
{
|
||||
super.setHabit(habit);
|
||||
this.name = habit.name;
|
||||
this.activeColor = ColorHelper.CSV_PALETTE[habit.color];
|
||||
this.activeColor = ColorHelper.getColor(getContext(), habit.color);
|
||||
refresh();
|
||||
}
|
||||
|
||||
@@ -88,40 +85,41 @@ public class CheckmarkWidgetView extends HabitWidgetView implements HabitDataVie
|
||||
{
|
||||
if (backgroundPaint == null || frame == null || ring == null) return;
|
||||
|
||||
Context context = getContext();
|
||||
|
||||
String text;
|
||||
int backgroundColor;
|
||||
int foregroundColor;
|
||||
float alpha;
|
||||
|
||||
switch (checkmarkValue)
|
||||
{
|
||||
case Checkmark.CHECKED_EXPLICITLY:
|
||||
text = getResources().getString(R.string.fa_check);
|
||||
backgroundColor = activeColor;
|
||||
foregroundColor = Color.WHITE;
|
||||
alpha = 1.0f;
|
||||
foregroundColor =
|
||||
UIHelper.getStyledColor(context, R.attr.highContrastReverseTextColor);
|
||||
|
||||
setShadowAlpha(0x4f);
|
||||
rebuildBackground();
|
||||
|
||||
backgroundPaint.setColor(backgroundColor);
|
||||
frame.setBackgroundDrawable(background);
|
||||
break;
|
||||
|
||||
case Checkmark.CHECKED_IMPLICITLY:
|
||||
text = getResources().getString(R.string.fa_check);
|
||||
backgroundColor = inactiveColor;
|
||||
foregroundColor = ColorHelper.CSV_PALETTE[12];
|
||||
alpha = 0.5f;
|
||||
backgroundColor = UIHelper.getStyledColor(context, R.attr.cardBackgroundColor);
|
||||
foregroundColor = UIHelper.getStyledColor(context, R.attr.mediumContrastTextColor);
|
||||
break;
|
||||
|
||||
case Checkmark.UNCHECKED:
|
||||
default:
|
||||
text = getResources().getString(R.string.fa_times);
|
||||
backgroundColor = inactiveColor;
|
||||
foregroundColor = ColorHelper.CSV_PALETTE[12];
|
||||
alpha = 0.5f;
|
||||
backgroundColor = UIHelper.getStyledColor(context, R.attr.cardBackgroundColor);
|
||||
foregroundColor = UIHelper.getStyledColor(context, R.attr.mediumContrastTextColor);
|
||||
break;
|
||||
}
|
||||
|
||||
backgroundPaint.setColor(backgroundColor);
|
||||
frame.setBackgroundDrawable(background);
|
||||
setAlpha(alpha);
|
||||
|
||||
ring.setPercentage(percentage);
|
||||
ring.setPrecision(0.125f);
|
||||
ring.setColor(foregroundColor);
|
||||
@@ -167,10 +165,4 @@ public class CheckmarkWidgetView extends HabitWidgetView implements HabitDataVie
|
||||
{
|
||||
return R.layout.widget_checkmark;
|
||||
}
|
||||
|
||||
@Override
|
||||
protected int getShadowAlpha()
|
||||
{
|
||||
return 0x4f;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -49,6 +49,13 @@ public abstract class HabitWidgetView extends FrameLayout implements HabitDataV
|
||||
protected Habit habit;
|
||||
protected ViewGroup frame;
|
||||
|
||||
public void setShadowAlpha(int shadowAlpha)
|
||||
{
|
||||
this.shadowAlpha = shadowAlpha;
|
||||
}
|
||||
|
||||
private int shadowAlpha;
|
||||
|
||||
public HabitWidgetView(Context context)
|
||||
{
|
||||
super(context);
|
||||
@@ -64,19 +71,23 @@ public abstract class HabitWidgetView extends FrameLayout implements HabitDataV
|
||||
private void init()
|
||||
{
|
||||
inflate(getContext(), getInnerLayoutId(), this);
|
||||
initBackground();
|
||||
shadowAlpha = (int) (255 * UIHelper.getStyledFloat(getContext(), R.attr.widgetShadowAlpha));
|
||||
rebuildBackground();
|
||||
}
|
||||
|
||||
protected abstract @NonNull Integer getInnerLayoutId();
|
||||
|
||||
private void initBackground()
|
||||
protected void rebuildBackground()
|
||||
{
|
||||
Context context = getContext();
|
||||
context.setTheme(R.style.DarkWidgetTheme);
|
||||
context.setTheme(R.style.TransparentWidgetTheme);
|
||||
|
||||
int backgroundAlpha =
|
||||
(int) (255 * UIHelper.getStyledFloat(context, R.attr.widgetBackgroundAlpha));
|
||||
|
||||
int shadowRadius = (int) UIHelper.dpToPixels(context, 2);
|
||||
int shadowOffset = (int) UIHelper.dpToPixels(context, 1);
|
||||
int shadowColor = Color.argb(getShadowAlpha(), 0, 0, 0);
|
||||
int shadowColor = Color.argb(shadowAlpha, 0, 0, 0);
|
||||
|
||||
float cornerRadius = UIHelper.dpToPixels(context, 5);
|
||||
float[] radii = new float[8];
|
||||
@@ -93,17 +104,12 @@ public abstract class HabitWidgetView extends FrameLayout implements HabitDataV
|
||||
backgroundPaint = innerDrawable.getPaint();
|
||||
backgroundPaint.setShadowLayer(shadowRadius, shadowOffset, shadowOffset, shadowColor);
|
||||
backgroundPaint.setColor(UIHelper.getStyledColor(context, R.attr.cardBackgroundColor));
|
||||
backgroundPaint.setAlpha(0x1f);
|
||||
backgroundPaint.setAlpha(backgroundAlpha);
|
||||
|
||||
frame = (ViewGroup) findViewById(R.id.frame);
|
||||
frame.setBackgroundDrawable(background);
|
||||
}
|
||||
|
||||
protected int getShadowAlpha()
|
||||
{
|
||||
return 0x2f;
|
||||
}
|
||||
|
||||
@Override
|
||||
public void setHabit(@NonNull Habit habit)
|
||||
{
|
||||
|
||||
@@ -32,13 +32,9 @@
|
||||
android:layout_width="match_parent"
|
||||
android:layout_height="0dp"
|
||||
android:layout_weight="1"
|
||||
habit:percentage="0.25"
|
||||
habit:thickness="2"
|
||||
habit:textSize="16"
|
||||
habit:color="@color/white"
|
||||
habit:inactiveColor="@color/white"
|
||||
habit:enableFontAwesome="true"
|
||||
habit:text="@string/fa_check"
|
||||
android:layout_marginTop="8dp"
|
||||
android:layout_marginLeft="12dp"
|
||||
android:layout_marginRight="12dp"/>
|
||||
|
||||
@@ -44,6 +44,9 @@
|
||||
|
||||
<attr name="toolbarPopupTheme" format="reference"/>
|
||||
|
||||
<attr name="widgetShadowAlpha" format="float"/>
|
||||
<attr name="widgetBackgroundAlpha" format="float"/>
|
||||
|
||||
<!-- Pre-Lollipop -->
|
||||
<attr name="cardBackground" format="reference"/>
|
||||
<attr name="headerBackground" format="reference"/>
|
||||
|
||||
@@ -48,15 +48,15 @@
|
||||
<item>@color/grey_500</item>
|
||||
</array>
|
||||
|
||||
<array name="darkWidgetPalette">
|
||||
<item>@color/red_900</item>
|
||||
<item>@color/deep_orange_900</item>
|
||||
<item>@color/yellow_900</item>
|
||||
<array name="transparentWidgetPalette">
|
||||
<item>@color/red_800</item>
|
||||
<item>@color/deep_orange_800</item>
|
||||
<item>@color/yellow_800</item>
|
||||
<item>@color/lime_800</item>
|
||||
<item>@color/green_800</item>
|
||||
<item>@color/teal_800</item>
|
||||
<item>@color/cyan_800</item>
|
||||
<item>@color/light_blue_800</item>
|
||||
<item>@color/green_700</item>
|
||||
<item>@color/teal_700</item>
|
||||
<item>@color/cyan_700</item>
|
||||
<item>@color/light_blue_700</item>
|
||||
<item>@color/deep_purple_700</item>
|
||||
<item>@color/purple_700</item>
|
||||
<item>@color/pink_700</item>
|
||||
|
||||
@@ -44,12 +44,12 @@
|
||||
<item name="palette">@array/lightPalette</item>
|
||||
|
||||
<item name="highContrastReverseTextColor">@color/white</item>
|
||||
<item name="mediumContrastReverseTextColor">@color/grey_500</item>
|
||||
<item name="lowContrastReverseTextColor">@color/grey_700</item>
|
||||
<item name="mediumContrastReverseTextColor">@color/white_a6</item>
|
||||
<item name="lowContrastReverseTextColor">@color/white_a2</item>
|
||||
|
||||
<item name="highContrastTextColor">@color/grey_800</item>
|
||||
<item name="mediumContrastTextColor">@color/grey_500</item>
|
||||
<item name="lowContrastTextColor">@color/grey_300</item>
|
||||
<item name="highContrastTextColor">@color/black_aa</item>
|
||||
<item name="mediumContrastTextColor">@color/black_a6</item>
|
||||
<item name="lowContrastTextColor">@color/black_a2</item>
|
||||
|
||||
<item name="iconAdd">@drawable/ic_action_add_dark</item>
|
||||
<item name="iconArchive">@drawable/ic_action_archive_dark</item>
|
||||
@@ -60,6 +60,8 @@
|
||||
<item name="toolbarPopupTheme">@style/ThemeOverlay.AppCompat.Light</item>
|
||||
|
||||
<item name="aboutScreenColor">@color/blue_800</item>
|
||||
<item name="widgetShadowAlpha">0.25</item>
|
||||
<item name="widgetBackgroundAlpha">1</item>
|
||||
</style>
|
||||
|
||||
<style name="SmallSpinner">
|
||||
@@ -109,6 +111,9 @@
|
||||
<item name="palette">@array/darkPalette</item>
|
||||
|
||||
<item name="aboutScreenColor">@color/blue_300</item>
|
||||
|
||||
<item name="widgetShadowAlpha">0.25</item>
|
||||
<item name="widgetBackgroundAlpha">1</item>
|
||||
</style>
|
||||
|
||||
<style name="AppBaseThemeDark.PureBlack">
|
||||
@@ -127,18 +132,21 @@
|
||||
<item name="highContrastReverseTextColor">@color/black</item>
|
||||
</style>
|
||||
|
||||
<style name="DarkWidgetTheme" parent="AppBaseThemeDark">
|
||||
<style name="TransparentWidgetTheme" parent="AppBaseThemeDark">
|
||||
<item name="cardBackgroundColor">@color/black</item>
|
||||
|
||||
<item name="highContrastTextColor">@color/white</item>
|
||||
<item name="mediumContrastTextColor">@color/white</item>
|
||||
<item name="mediumContrastTextColor">@color/white_ac</item>
|
||||
<item name="lowContrastTextColor">@color/white_a0</item>
|
||||
|
||||
<item name="highContrastReverseTextColor">@color/white</item>
|
||||
<item name="mediumContrastReverseTextColor">@color/grey_500</item>
|
||||
<item name="lowContrastReverseTextColor">@color/grey_800</item>
|
||||
|
||||
<item name="palette">@array/darkWidgetPalette</item>
|
||||
<item name="palette">@array/transparentWidgetPalette</item>
|
||||
|
||||
<item name="widgetShadowAlpha">0</item>
|
||||
<item name="widgetBackgroundAlpha">0.25</item>
|
||||
</style>
|
||||
|
||||
<style name="time_label">
|
||||
|
||||
Reference in New Issue
Block a user