Edit trait-based variations of property values using the inspector

You can customize the property values of objects for different device traits using the Attributes inspector and Size inspector. Consequently, you create variations of the user interface similar to using the device configuration pane.

Add a trait-based property value

  1. In Interface Builder, select an object on the canvas.

  2. Choose the inspector containing the desired property.

  3. Click the Add Customization button (+) next to the property control.

  4. In the pop-up, choose a device configuration.

    For watchOS apps, choose an Apple Watch device and for tvOS apps, choose an interface style. For iOS apps, choose a device configuration represented as a size class and a color gamut from the pop-up.

    After choosing a device configuration, a device configuration-specific control appears below the property control.

  5. Change the device configuration-specific property value.

    The change applies only to that device configuration.

Remove a trait-based property value

  1. In Interface Builder, select an object on the canvas.

  2. Choose the inspector containing the desired property.

  3. Click the Remove Customization button (x) next to the device configuration-specific control.

    The customization is removed from the property.

SEE ALSOView the user interface using different device configurationsCreate user interface variations for different device configurationsCreate asset variations for different device traitsAuto Layout Guide