How did we do? We’d love to know your thoughts on this year’s conference. Take the survey here
I am experiencing an issue while using CPGridTemplate within CPTabBarTemplate in my CarPlay app running in the simulator. On app launch, when I select the second item in the grid, it does not visually reflect as selected in the UI.
This behavior is unexpected, as the grid item selection should update accordingly. Has anyone encountered this issue or found a solution to ensure proper item selection?
Hi,
It's important to distinguish between focus and selection. In the screenshot above, the first item is showing focus, denoted by the blue highlight around the name. Focus only applies on car systems that support focus, usually with a rotary knob or trackpad.
The grid template does not apply focus styling to the item that the user taps. Instead, there should be a partial alpha effect applied momentarily, only during touch-down, on that item. The item gets focus styling only if the user moves focus to that element.
It seems likely that you're testing on a knob (focus) + touch system. On these systems, it's possible for one item to be focused, and remain focused, while the user selects a different item. To verify this, you might want to consider configuring the simulator to simulate a touch-only environment that doesn't have focus.
Also, please do switch to using the modern CarPlay Simulator, available on the developer site under Additional Downloads.