I'm testing the Segmented Button for my app. At th...
# compose-androidn
Nat Strangerweather
12/21/2023, 7:21 PMI'm testing the Segmented Button for my app. At the moment I am using the code from the doc, and my own text and icons. It seems to me that the icons are not vertically aligned. Is there a way of aligning them?
e
electrolobzik
12/21/2023, 7:23 PMYour Media icon seems to be aligned. Does the messages icon have any padding in the icon itself?
k
Kirill Grouchnikov
12/21/2023, 7:24 PMSome of these are top heavy and some are bottom heavy. Looks like your icon library doesn’t do “optical” alignment of content in the icon bounds.
n
Nat Strangerweather
12/21/2023, 7:25 PMI'm using icons_extended.
k
Kirill Grouchnikov
12/21/2023, 7:26 PMWe had a similar optical alignment issue with Play Store triangle icon in a notification shade circle. Moving the icon manually one pixel to the right in its box “solved” it.
n
Nat Strangerweather
12/21/2023, 7:32 PMHmm, how to move them manually though, as I am looping through the list? I'm a bit confused. I might try to source the icons from somewhere else...
k
Kirill Grouchnikov
12/21/2023, 7:33 PMIt would either be an icon library that accounts for how the “mass” is distributed and optically centers that mass in each icon’s bounds, or choosing an icon library that uses shapes that do not tilt their mass to one of the edges
Kirill Grouchnikov
12/21/2023, 7:34 PMThere is no concept of icon baseline like there is with text, and as in my example of Play Store, the misalignment was along the other axis in any case
n
Nat Strangerweather
12/21/2023, 7:36 PMIt's strange though that the official material icon library (material-icons-extended) has this weird drawback...
k
Kirill Grouchnikov
12/21/2023, 7:48 PMReally depends on how you’re using the icons. You can argue that doing some sort of optical vertical alignment should be the default mode.
n
Nat Strangerweather
12/21/2023, 7:53 PMFair enough, it just looks a bit off to me but I may be focusing on it too much. 😊
a
ascii
12/21/2023, 9:31 PMIn my quick testing, it seems that
SegmentedButtonDefaults.Icon()ascii
12/21/2023, 9:32 PMimage.png
n
Nat Strangerweather
12/21/2023, 9:38 PMOoh excellent, thanks for this! 😊
4 Views