How can we resize vectors now that ImageVector is no longer a data class in

1.0.0-alpha11

? Previously was doing:

vectorResource(R.drawable.ic_target).copy(defaultHeight = 18.dp, defaultWidth = 18.dp)

i was using

copy

as welll to resize, e.g.

Icons.Rounded.Check.copy(defaultHeight = 42.dp, defaultWidth = 42.dp)

but it’s not working anymore and i really can’t figure out how to get my code compiling @Nader Jawad @Andrey Kulikov @Jason Ankers

Curious why are these being copied instead of changing the desired size with a modifier at the composable where it is being used?

because i don’t think that works

The strange thing about copy is that it doesnt let you modify portions of the vector tree

the example is ^^ with the icon, unless something changed in alpha 11

What I am suggesting is that the icon is left alone however the size is defined with a modifier when it is used with a composable

the first thing i tried previously is using the modifier, it didn’t work so that’s when i searched to find the

copy

solution

Vector icons scale to occupy the bounds they are told to draw within

has that always been the case? because i am about 98% sure i tried that about a month ago and it didn’t work

We have fairly extensive support for determining alignment and scaling for vector assets ( and all painters)

believe me it was not intuitive to start using

copy

but it was the only thing that worked about a month ago. i have 33 compile errors with this, so i’d have to change all of them just to test if it now works…

The issue with copying the icon and changing the size is that it's no different than changing the size of a bitmap resource

ok here’s the thread that led me to use

copy

https://stackoverflow.com/questions/64377952/material-icon-size-adjustment-in-jetpack-compose

Icon is usually used for items in a toolbar that are usually all the same size for usage in material styled apps. For more control over spacing/sizing you can use the Image composable instead with the same icon to get more control over sizing, alignment and scaling algorithms using Alignment and ContentScale APIs.

can you give an example? for instance let’s say I currently have this:

Icons.Rounded.ChevronLeft.copy(defaultWidth = 32.dp, defaultHeight = 32.dp)

to use the icon as 32.dp instead of smaller. how can i write jetpack compose to make it the desired size?

I think there was discussion regarding allowing more flexibility of the Icon composable and I'm syncing up with some folks to see where we landed on that decision

ok but one last part i was also using on

Icon

composable, and that is the

tint

Icon(imageVector = Icons.Rounded.ChevronLeft.copy(defaultWidth = 32.dp, defaultHeight = 32.dp), tint = Color.White)

Not at all

so

colorFilter

is the equivalent of

tint

?

Just add the ColorFilter parameter

perfect! this will almost get my code compiling on

alpha11

🙂

There's still a copy method on

Color.kt

which is an inline class

roger that, so i did

colors.contentColor(true).value.copy(alpha = 1f)

in this case and it worked! i lifted this from somewhere in androidx source, so ill revisit to refactor according to latest practices

If those are state parameters then you would need to access the internal parameter using

state.value