I want darker keys to stretch and maintain their spacing when I resize the keyboard. But lighter keys must stay same width and spacing when we want to resize. I tried everything in smart layout but no luck. Can you help me please?
I’ve had a look at this but I can’t get it working as you would like I’m afraid! That’s not to say its impossible, just that I haven’t been able to figure it out yet - it’s certainly a tricky one!
It is worth mentioning that Apple for example provide two separate components for their iPad keyboards, because they actually have different layouts.
Options likely depend on your use case. Do you need it to be completely dynamic, or are you trying to cover two or three sizes for example?
If the latter then you could have the keys as a nested Symbol and then use switch between the variants via the overrides.
We recently announced that we’re bringing Auto Layout to Sketch. I can’t say for sure whether this will solve the issue yet but it’s certainly possible that it may do so (and I will bring your post here to the attention of the team working on it as it may be of interest to them!).
Thanks for looking at this. Yeah we thought we can do 2-3 of size variants of our keyboards as you said but we have too many projects and different platforms(different screen resolution and aspect ratios etc.)
For now all keys are resizable like responsive. I tried with other design tool and it’s possible with their auto layout feature. We are eagerly waiting for Sketch’s auto layout feature. Thanks again.