Compare commits
6 Commits
2a909727c0
...
55c3d658b6
| Author | SHA1 | Date | |
|---|---|---|---|
| 55c3d658b6 | |||
| 465f059ddc | |||
| a357067441 | |||
| 4a7487fa10 | |||
| f7f63f199d | |||
| 2c2f0fff94 |
@@ -4,12 +4,13 @@
|
||||
## VS Stock Action Bar
|
||||
### New Features
|
||||
- Floating mode!
|
||||
- Rectangular/round backgrounds on all watches!
|
||||
- Rectangular/round/radial backgrounds on all watches!
|
||||
- Adjustable spread (distance between icons)!
|
||||
- Increased max icon size (unlimited width; 25px height)!
|
||||
- Custom bar corner radius!
|
||||
- Custom bar width/height!
|
||||
- Custom bar/icon x/y offsets!
|
||||
- Toggle-able bar AA!
|
||||
### Missing Features (unplanned)
|
||||
- Anything to do with back button overrides
|
||||
- Fully custom animations
|
||||
@@ -17,7 +18,12 @@
|
||||
- Duration, move distance/direction, and move axis are all configurable
|
||||
- They can also be disabled
|
||||
### Pending Features
|
||||
- Optional AA on bar corners
|
||||
- Legacy (background invert) animations support
|
||||
- Customizable round bar size
|
||||
- Legacy and default theme setters
|
||||
- Customizable radial bar length
|
||||
- Make floating work on radial bar
|
||||
- Disable ability to set floating/reset floating for round bar
|
||||
- Separate select icon x offset (especially useful for the radial bar)
|
||||
- Theme presets!
|
||||
- Default
|
||||
- Legacy
|
||||
|
||||
+65
-39
@@ -25,11 +25,11 @@
|
||||
#endif
|
||||
|
||||
#if PBL_ROUND
|
||||
#define USE_ROUND_BAR_BY_DEFAULT true
|
||||
#define DEFAULT_BAR_STYLE NEAT_BAR_STYLE_ROUND
|
||||
#define DEFAULT_ANIM_DISTANCE 4
|
||||
#define DEFAULT_ICONS_X_OFFSET -1
|
||||
#else
|
||||
#define USE_ROUND_BAR_BY_DEFAULT false
|
||||
#define DEFAULT_BAR_STYLE NEAT_BAR_STYLE_RECT
|
||||
#define DEFAULT_ANIM_DISTANCE 5
|
||||
#define DEFAULT_ICONS_X_OFFSET 1
|
||||
#endif
|
||||
@@ -39,9 +39,9 @@ static const GRect s_base_grect_rect = GRect(PBL_DISPLAY_WIDTH - ACTION_BAR_WIDT
|
||||
static NeatBarLayer *s_current_neat_bar = NULL;
|
||||
|
||||
static GRect s_get_home_frame(NeatBarLayer *neat_bar, uint8_t button_index) {
|
||||
int16_t total_y_offset = neat_bar->main_grect.origin.y - neat_bar->icons_y_offset;
|
||||
int16_t total_y_offset = neat_bar->main_grect_visual.origin.y - neat_bar->icons_y_offset;
|
||||
int8_t spread = neat_bar->icons_spread;
|
||||
uint16_t width = neat_bar->main_grect.size.w;
|
||||
uint16_t width = neat_bar->main_grect_visual.size.w;
|
||||
|
||||
switch (button_index) {
|
||||
case BUTTON_ID_UP:
|
||||
@@ -141,18 +141,27 @@ static void s_select_up_handler(ClickRecognizerRef recognizer, void *context) {
|
||||
}
|
||||
|
||||
static void s_main_layer_update_proc(Layer *layer, GContext *ctx) {
|
||||
if (s_current_neat_bar->bar_use_round_style) {
|
||||
graphics_context_set_fill_color(ctx, s_current_neat_bar->background_color);
|
||||
graphics_context_set_antialiased(ctx, s_current_neat_bar->bar_enable_aa);
|
||||
switch (s_current_neat_bar->bar_style) {
|
||||
case NEAT_BAR_STYLE_RADIAL: {
|
||||
graphics_fill_radial(ctx, grect_inset(layer_get_bounds(layer), GEdgeInsets(-1)), GOvalScaleModeFitCircle,
|
||||
s_current_neat_bar->main_grect_visual.size.w,
|
||||
DEG_TO_TRIGANGLE(60), // ~2 o'clock
|
||||
DEG_TO_TRIGANGLE(120) // ~4 o'clock
|
||||
);
|
||||
break;
|
||||
}
|
||||
case NEAT_BAR_STYLE_ROUND: {
|
||||
const uint32_t action_bar_circle_diameter = PBL_DISPLAY_HEIGHT * 19 / 9;
|
||||
GRect neat_bar_circle_frame = (GRect){.size = GSize(action_bar_circle_diameter, action_bar_circle_diameter)};
|
||||
GRect bounds = layer_get_bounds(layer);
|
||||
grect_align(&neat_bar_circle_frame, &bounds, GAlignLeft, false);
|
||||
graphics_context_set_fill_color(ctx, s_current_neat_bar->background_color);
|
||||
grect_align(&neat_bar_circle_frame, &s_current_neat_bar->main_grect_visual, GAlignLeft, false);
|
||||
const int32_t inset_thickness = MAX(ABS(neat_bar_circle_frame.size.h), ABS(neat_bar_circle_frame.size.w));
|
||||
graphics_fill_radial(ctx, neat_bar_circle_frame, GOvalScaleModeFitCircle, inset_thickness, 0, TRIG_MAX_ANGLE);
|
||||
} else {
|
||||
graphics_context_set_antialiased(ctx, false);
|
||||
graphics_context_set_fill_color(ctx, s_current_neat_bar->background_color);
|
||||
graphics_fill_rect(ctx, layer_get_bounds(layer), s_current_neat_bar->rect_bar_corner_radius, s_current_neat_bar->bar_x_offset > 0 ? GCornersAll : GCornersLeft);
|
||||
break;
|
||||
}
|
||||
default:
|
||||
graphics_fill_rect(ctx, s_current_neat_bar->main_grect_visual, s_current_neat_bar->rect_bar_corner_radius, s_current_neat_bar->bar_x_offset > 0 ? GCornersAll : GCornersLeft);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -179,19 +188,20 @@ inline static void s_update_click_config_provider(NeatBarLayer *neat_bar) {
|
||||
}
|
||||
|
||||
static void s_recenter_icons(NeatBarLayer *neat_bar) {
|
||||
int16_t total_y_offset = neat_bar->main_grect.origin.y - neat_bar->icons_y_offset;
|
||||
layer_set_frame(neat_bar->icon_parent_layer, neat_bar->main_grect_visual);
|
||||
int16_t total_y_offset = neat_bar->main_grect_visual.origin.y - neat_bar->icons_y_offset;
|
||||
int8_t spread = neat_bar->icons_spread;
|
||||
if (neat_bar->up_layer) {
|
||||
layer_set_frame(bitmap_layer_get_layer(neat_bar->up_layer),
|
||||
GRect(neat_bar->icons_x_offset, SELECT_Y - spread - total_y_offset, neat_bar->main_grect.size.w, 25));
|
||||
GRect(neat_bar->icons_x_offset, SELECT_Y - spread - total_y_offset, neat_bar->main_grect_visual.size.w, 25));
|
||||
}
|
||||
if (neat_bar->select_layer) {
|
||||
layer_set_frame(bitmap_layer_get_layer(neat_bar->select_layer),
|
||||
GRect(neat_bar->icons_x_offset, SELECT_Y - total_y_offset, neat_bar->main_grect.size.w, 25));
|
||||
GRect(neat_bar->icons_x_offset, SELECT_Y - total_y_offset, neat_bar->main_grect_visual.size.w, 25));
|
||||
}
|
||||
if (neat_bar->down_layer) {
|
||||
layer_set_frame(bitmap_layer_get_layer(neat_bar->down_layer),
|
||||
GRect(neat_bar->icons_x_offset, SELECT_Y + spread - total_y_offset, neat_bar->main_grect.size.w, 25));
|
||||
GRect(neat_bar->icons_x_offset, SELECT_Y + spread - total_y_offset, neat_bar->main_grect_visual.size.w, 25));
|
||||
}
|
||||
}
|
||||
|
||||
@@ -238,12 +248,24 @@ void neat_bar_layer_set_animations_duration(NeatBarLayer *neat_bar, uint8_t dura
|
||||
neat_bar->animations_duration = duration_ms;
|
||||
}
|
||||
|
||||
// default: false (rect), true (round)
|
||||
void neat_bar_layer_set_bar_style(NeatBarLayer *neat_bar, bool use_round_style) {
|
||||
if (use_round_style == neat_bar->bar_use_round_style) {
|
||||
// default: NEAT_BAR_STYLE_RECT (rect), NEAT_BAR_STYLE_ROUND (round)
|
||||
void neat_bar_layer_set_bar_style(NeatBarLayer *neat_bar, uint8_t bar_style) {
|
||||
if (bar_style == neat_bar->bar_style) {
|
||||
return;
|
||||
}
|
||||
neat_bar->bar_use_round_style = use_round_style;
|
||||
neat_bar->bar_style = bar_style;
|
||||
layer_mark_dirty(neat_bar->main_layer);
|
||||
}
|
||||
|
||||
// default: true (color); always false on b&w watches
|
||||
void neat_bar_layer_set_bar_aa(NeatBarLayer *neat_bar, bool enable_aa) {
|
||||
#if PBL_BW
|
||||
return;
|
||||
#endif
|
||||
if (enable_aa == neat_bar->bar_enable_aa) {
|
||||
return;
|
||||
}
|
||||
neat_bar->bar_enable_aa = enable_aa;
|
||||
layer_mark_dirty(neat_bar->main_layer);
|
||||
}
|
||||
|
||||
@@ -253,9 +275,9 @@ void neat_bar_layer_set_rect_bar_floating(NeatBarLayer *neat_bar, uint16_t x_off
|
||||
return;
|
||||
}
|
||||
neat_bar->bar_x_offset = x_offset;
|
||||
neat_bar->main_grect.origin.x = PBL_DISPLAY_WIDTH - neat_bar->main_grect.size.w - x_offset;
|
||||
layer_set_frame(neat_bar->main_layer, neat_bar->main_grect);
|
||||
neat_bar->main_grect_visual.origin.x = PBL_DISPLAY_WIDTH - neat_bar->main_grect_visual.size.w - x_offset;
|
||||
layer_mark_dirty(neat_bar->main_layer);
|
||||
s_recenter_icons(neat_bar);
|
||||
}
|
||||
|
||||
// default: 0
|
||||
@@ -269,12 +291,11 @@ void neat_bar_layer_set_rect_bar_corner_radius(NeatBarLayer *neat_bar, uint16_t
|
||||
|
||||
// default: ACTION_BAR_WIDTH
|
||||
void neat_bar_layer_set_bar_width(NeatBarLayer *neat_bar, uint16_t width) {
|
||||
if (width == neat_bar->main_grect.size.w) {
|
||||
if (width == neat_bar->main_grect_visual.size.w) {
|
||||
return;
|
||||
}
|
||||
neat_bar->main_grect.origin.x = PBL_DISPLAY_WIDTH - width;
|
||||
neat_bar->main_grect.size.w = width;
|
||||
layer_set_frame(neat_bar->main_layer, neat_bar->main_grect);
|
||||
neat_bar->main_grect_visual.origin.x = PBL_DISPLAY_WIDTH - width;
|
||||
neat_bar->main_grect_visual.size.w = width;
|
||||
if (neat_bar->bar_x_offset > 0) {
|
||||
uint16_t x = neat_bar->bar_x_offset;
|
||||
neat_bar->bar_x_offset = 0; // force update
|
||||
@@ -287,21 +308,19 @@ void neat_bar_layer_set_bar_width(NeatBarLayer *neat_bar, uint16_t width) {
|
||||
|
||||
// default: PBL_DISPLAY_HEIGHT
|
||||
void neat_bar_layer_set_bar_height(NeatBarLayer *neat_bar, uint16_t height) {
|
||||
if (height == neat_bar->main_grect.size.h) {
|
||||
if (height == neat_bar->main_grect_visual.size.h) {
|
||||
return;
|
||||
}
|
||||
neat_bar->main_grect.size.h = height;
|
||||
layer_set_frame(neat_bar->main_layer, neat_bar->main_grect);
|
||||
neat_bar->main_grect_visual.size.h = height;
|
||||
layer_mark_dirty(neat_bar->main_layer);
|
||||
}
|
||||
|
||||
// default: 0
|
||||
void neat_bar_layer_set_bar_y_offset(NeatBarLayer *neat_bar, uint16_t y_offset) {
|
||||
if (y_offset == neat_bar->main_grect.origin.y) {
|
||||
if (y_offset == neat_bar->main_grect_visual.origin.y) {
|
||||
return;
|
||||
}
|
||||
neat_bar->main_grect.origin.y = y_offset;
|
||||
layer_set_frame(neat_bar->main_layer, neat_bar->main_grect);
|
||||
neat_bar->main_grect_visual.origin.y = y_offset;
|
||||
layer_mark_dirty(neat_bar->main_layer);
|
||||
s_recenter_icons(neat_bar);
|
||||
}
|
||||
@@ -358,12 +377,12 @@ void neat_bar_layer_set_icon(NeatBarLayer *neat_bar, ButtonId button_id, GBitmap
|
||||
}
|
||||
|
||||
if (!current_bitmap_layer) {
|
||||
int16_t total_y_offset = neat_bar->main_grect.origin.y - neat_bar->icons_y_offset;
|
||||
int16_t total_y_offset = neat_bar->main_grect_visual.origin.y - neat_bar->icons_y_offset;
|
||||
int16_t adjusted_y = (button_id == BUTTON_ID_UP) ? SELECT_Y - neat_bar->icons_spread - total_y_offset
|
||||
: (button_id == BUTTON_ID_DOWN) ? SELECT_Y + neat_bar->icons_spread - total_y_offset
|
||||
: SELECT_Y - total_y_offset;
|
||||
current_bitmap_layer = bitmap_layer_create(GRect(neat_bar->icons_x_offset, adjusted_y, neat_bar->main_grect.size.w, 25));
|
||||
layer_add_child(neat_bar->main_layer, bitmap_layer_get_layer(current_bitmap_layer));
|
||||
current_bitmap_layer = bitmap_layer_create(GRect(neat_bar->icons_x_offset, adjusted_y, neat_bar->main_grect_visual.size.w, 25));
|
||||
layer_add_child(neat_bar->icon_parent_layer, bitmap_layer_get_layer(current_bitmap_layer));
|
||||
switch (button_id) {
|
||||
case BUTTON_ID_UP:
|
||||
neat_bar->up_layer = current_bitmap_layer;
|
||||
@@ -387,8 +406,10 @@ NeatBarLayer *neat_bar_layer_create() {
|
||||
NeatBarLayer *neat_bar = malloc(sizeof(NeatBarLayer));
|
||||
|
||||
// layerage
|
||||
neat_bar->main_grect = s_base_grect_rect;
|
||||
neat_bar->main_layer = layer_create(s_base_grect_rect);
|
||||
neat_bar->main_grect_visual = s_base_grect_rect;
|
||||
neat_bar->main_layer = layer_create(GRect(0, 0, PBL_DISPLAY_WIDTH, PBL_DISPLAY_HEIGHT)); // GRect covers entire screen - needed for radial support
|
||||
neat_bar->icon_parent_layer = layer_create(neat_bar->main_grect_visual);
|
||||
layer_add_child(neat_bar->main_layer, neat_bar->icon_parent_layer);
|
||||
neat_bar->up_layer = NULL;
|
||||
neat_bar->down_layer = NULL;
|
||||
neat_bar->select_layer = NULL;
|
||||
@@ -399,9 +420,14 @@ NeatBarLayer *neat_bar_layer_create() {
|
||||
neat_bar->context = NULL;
|
||||
|
||||
// neat_bar exclusives :D
|
||||
neat_bar->bar_use_round_style = USE_ROUND_BAR_BY_DEFAULT;
|
||||
neat_bar->rect_bar_corner_radius = 0;
|
||||
neat_bar->bar_style = DEFAULT_BAR_STYLE;
|
||||
#if PBL_BW
|
||||
neat_bar->bar_enable_aa = false;
|
||||
#else
|
||||
neat_bar->bar_enable_aa = true;
|
||||
#endif
|
||||
neat_bar->bar_x_offset = 0;
|
||||
neat_bar->rect_bar_corner_radius = 0;
|
||||
neat_bar->icons_spread = DEFAULT_SPREAD;
|
||||
neat_bar->icons_x_offset = DEFAULT_ICONS_X_OFFSET;
|
||||
neat_bar->icons_y_offset = 0;
|
||||
|
||||
+14
-5
@@ -5,11 +5,18 @@
|
||||
|
||||
#include <pebble.h>
|
||||
|
||||
typedef enum {
|
||||
NEAT_BAR_STYLE_RECT = 0,
|
||||
NEAT_BAR_STYLE_ROUND = 1,
|
||||
NEAT_BAR_STYLE_RADIAL = 2,
|
||||
} NeatBarStyle;
|
||||
|
||||
typedef struct {
|
||||
// layerage
|
||||
struct Window *window;
|
||||
GRect main_grect;
|
||||
GRect main_grect_visual;
|
||||
Layer *main_layer;
|
||||
Layer *icon_parent_layer;
|
||||
BitmapLayer *up_layer;
|
||||
BitmapLayer *down_layer;
|
||||
BitmapLayer *select_layer;
|
||||
@@ -20,9 +27,10 @@ typedef struct {
|
||||
void *context;
|
||||
|
||||
// neat_bar exclusives :D
|
||||
bool bar_use_round_style;
|
||||
uint16_t rect_bar_corner_radius;
|
||||
uint16_t bar_x_offset;
|
||||
uint8_t bar_style;
|
||||
bool bar_enable_aa;
|
||||
uint8_t bar_x_offset;
|
||||
uint8_t rect_bar_corner_radius;
|
||||
int8_t icons_spread;
|
||||
int8_t icons_x_offset;
|
||||
int8_t icons_y_offset;
|
||||
@@ -43,7 +51,8 @@ void neat_bar_layer_set_animations_enabled(NeatBarLayer *neat_bar, bool enabled)
|
||||
void neat_bar_layer_set_animations_move_axis(NeatBarLayer *neat_bar, bool use_y_axis);
|
||||
void neat_bar_layer_set_animations_move_distance(NeatBarLayer *neat_bar, int8_t distance);
|
||||
void neat_bar_layer_set_animations_duration(NeatBarLayer *neat_bar, uint8_t duration_ms);
|
||||
void neat_bar_layer_set_bar_style(NeatBarLayer *neat_bar, bool use_round_style);
|
||||
void neat_bar_layer_set_bar_style(NeatBarLayer *neat_bar, uint8_t bar_style);
|
||||
void neat_bar_layer_set_bar_aa(NeatBarLayer *neat_bar, bool enable_aa);
|
||||
void neat_bar_layer_set_rect_bar_floating(NeatBarLayer *neat_bar, uint16_t x_offset);
|
||||
void neat_bar_layer_set_rect_bar_corner_radius(NeatBarLayer *neat_bar, uint16_t corner_radius);
|
||||
void neat_bar_layer_set_bar_width(NeatBarLayer *neat_bar, uint16_t width);
|
||||
|
||||
Reference in New Issue
Block a user