AndyObtiva
commented
1 month ago Thanks for the kind words.
I was able to override the background_color with no problem in the code below (has red background with half transparency). One thing to keep in mind is background_color_column must be included inside table as the last column, and each model in the cell_rows data-bound model collection (e.g. self.animals) must have a background_color method that returns the color as rgb hash, rgba hash, rgb array, rgba array, hexadecimal string, hexadecimal number, or color name string.
require 'glimmer-dsl-libui'
class BasicTableColorRedBackground
Animal = Struct.new(:name, :sound, :mammal)
class AnimalPresenter < Animal
def name_color
color = case name
when 'cat'
:red
when 'dog'
:yellow
when 'chicken'
:beige
when 'horse'
:purple
when 'cow'
:gray
end
[name, color]
end
def sound_color
color = case name
when 'cat', 'chicken', 'cow'
:blue
when 'dog', 'horse'
{r: 240, g: 32, b: 32}
end
[sound, color]
end
def mammal_description_color
color = case name
when 'cat', 'dog', 'horse', 'cow'
:green
when 'chicken'
:red
end
[mammal, 'mammal', color]
end
def image_description_color
color = case name
when 'cat', 'dog', 'horse'
:dark_blue
when 'chicken'
:beige
when 'cow'
:brown
end
[img, 'Glimmer', color]
end
def img
# scale image to 24x24 (can be passed as file path String only instead of Array to avoid scaling)
[File.expand_path('../icons/glimmer.png', __dir__), 24, 24]
end
def background_color
{r: 255, g: 0, b: 0, a: 0.5}
end
end
include Glimmer
attr_accessor :animals
def initialize
@animals = [
AnimalPresenter.new('cat', 'meow', true),
AnimalPresenter.new('dog', 'woof', true),
AnimalPresenter.new('chicken', 'cock-a-doodle-doo', false),
AnimalPresenter.new('horse', 'neigh', true),
AnimalPresenter.new('cow', 'moo', true),
]
end
def launch
window('Animals', 500, 200) {
table {
text_color_column('Animal')
text_color_column('Sound')
checkbox_text_color_column('Description')
image_text_color_column('GUI')
background_color_column # must always be the last column and always expects data-binding model attribute `background_color` when binding to Array of models
cell_rows <= [self, :animals, column_attributes: {'Animal' => :name_color, 'Sound' => :sound_color, 'Description' => :mammal_description_color, 'GUI' => :image_description_color}]
}
}.show
end
end
BasicTableColorRedBackground.new.launchThe background_color method on the model can return a different value for every model object instance if you want to vary the background color, you can pass it directly to the model as an extra attribute or have it calculated based on other attributes, like an index.
Here is an example where we alternate colors for even and odd rows between red and gree.
require 'glimmer-dsl-libui'
class BasicTableColorAlternatingBackground
Animal = Struct.new(:name, :sound, :mammal, :index)
class AnimalPresenter < Animal
def name_color
color = case name
when 'cat'
:red
when 'dog'
:yellow
when 'chicken'
:beige
when 'horse'
:purple
when 'cow'
:gray
end
[name, color]
end
def sound_color
color = case name
when 'cat', 'chicken', 'cow'
:blue
when 'dog', 'horse'
{r: 240, g: 32, b: 32}
end
[sound, color]
end
def mammal_description_color
color = case name
when 'cat', 'dog', 'horse', 'cow'
:green
when 'chicken'
:red
end
[mammal, 'mammal', color]
end
def image_description_color
color = case name
when 'cat', 'dog', 'horse'
:dark_blue
when 'chicken'
:beige
when 'cow'
:brown
end
[img, 'Glimmer', color]
end
def img
# scale image to 24x24 (can be passed as file path String only instead of Array to avoid scaling)
[File.expand_path('../icons/glimmer.png', __dir__), 24, 24]
end
def background_color
if index.even?
{r: 255, g: 0, b: 0, a: 0.5}
else
{r: 0, g: 255, b: 0, a: 0.5}
end
end
end
include Glimmer
attr_accessor :animals
def initialize
@animals = [
AnimalPresenter.new('cat', 'meow', true, 0),
AnimalPresenter.new('dog', 'woof', true, 1),
AnimalPresenter.new('chicken', 'cock-a-doodle-doo', false, 2),
AnimalPresenter.new('horse', 'neigh', true, 3),
AnimalPresenter.new('cow', 'moo', true, 4),
]
end
def launch
window('Animals', 500, 200) {
table {
text_color_column('Animal')
text_color_column('Sound')
checkbox_text_color_column('Description')
image_text_color_column('GUI')
background_color_column # must always be the last column and always expects data-binding model attribute `background_color` when binding to Array of models
cell_rows <= [self, :animals, column_attributes: {'Animal' => :name_color, 'Sound' => :sound_color, 'Description' => :mammal_description_color, 'GUI' => :image_description_color}]
}
}.show
end
end
BasicTableColorAlternatingBackground.new.launchHere is another example where the background color is passed to each model as an extra attribute.
require 'glimmer-dsl-libui'
class BasicTableColorCustomBackground
Animal = Struct.new(:name, :sound, :mammal, :background_color)
class AnimalPresenter < Animal
def name_color
color = case name
when 'cat'
:red
when 'dog'
:yellow
when 'chicken'
:beige
when 'horse'
:purple
when 'cow'
:gray
end
[name, color]
end
def sound_color
color = case name
when 'cat', 'chicken', 'cow'
:blue
when 'dog', 'horse'
{r: 240, g: 32, b: 32}
end
[sound, color]
end
def mammal_description_color
color = case name
when 'cat', 'dog', 'horse', 'cow'
:green
when 'chicken'
:red
end
[mammal, 'mammal', color]
end
def image_description_color
color = case name
when 'cat', 'dog', 'horse'
:dark_blue
when 'chicken'
:beige
when 'cow'
:brown
end
[img, 'Glimmer', color]
end
def img
# scale image to 24x24 (can be passed as file path String only instead of Array to avoid scaling)
[File.expand_path('../icons/glimmer.png', __dir__), 24, 24]
end
end
include Glimmer
attr_accessor :animals
def initialize
@animals = [
AnimalPresenter.new('cat', 'meow', true, {r: 134, g: 83, b: 24}),
AnimalPresenter.new('dog', 'woof', true, {r: 134, g: 183, b: 224}),
AnimalPresenter.new('chicken', 'cock-a-doodle-doo', false, {r: 34, g: 183, b: 24}),
AnimalPresenter.new('horse', 'neigh', true, {r: 34, g: 183, b: 124}),
AnimalPresenter.new('cow', 'moo', true, {r: 34, g: 83, b: 24}),
]
end
def launch
window('Animals', 500, 200) {
table {
text_color_column('Animal')
text_color_column('Sound')
checkbox_text_color_column('Description')
image_text_color_column('GUI')
background_color_column # must always be the last column and always expects data-binding model attribute `background_color` when binding to Array of models
cell_rows <= [self, :animals, column_attributes: {'Animal' => :name_color, 'Sound' => :sound_color, 'Description' => :mammal_description_color, 'GUI' => :image_description_color}]
}
}.show
end
end
BasicTableColorCustomBackground.new.launchI hope that helps.
If you need further help, please share your code so that I am better able to help you.
You can close the issue if you think it is resolved. Otherwise, feel free to ask further questions.
chip
First off, THANK YOU for this amazing project. It's truly special! 😄
I tried overriding #background_color of your BasicTableColor example and it still returned the default blue on MacOS, so I was curious if there's a workaround?
Thanks again.