iphonewatchkitios8-extension

Layout in Apple Watch

I am making a calculator for Apple Watch I have inserted a group and inside that I have added 4 button but I can't find any option that those 4 buttons should adjust on both Apple Watch screen.

Apple Watch 38mm

Screenshot

Apple Watch 42mm

Screenshot

Group Properties

Screenshot

Button Properties

enter image description here

Solution

  • Use one WKInterfaceGroup per row and in the size inspector set "Relative to Container" width to 1 and height to 0.18.

    enter image description here

    Inside each group layout your WKInterfaceButtons setting Relative to Container heights to 1 and width 0.25 (4 elements per row).

    enter image description here

    Final result on 38mm:

    enter image description here

    and 42mm:

    enter image description here