Practice Section C: Mastering Intermediate Software Techniques (7) - Unit 3: Creating the Solution (Criterion C)

Practise this section

2 sample questions

Question 1.
Nested Component Hierarchy & Usability: * Task: Design a hierarchy for a reusable Input Field Component that includes a Label, the Input Area, and a small Error Icon (a third nested component). * Challenge: Create the naming convention for the component set that allows a user to toggle the Error Icon on or off without deleting the icon layer.
Show hintHide hint
To toggle visibility in a master component, use a boolean variant property and hide the layer in one of the variants.
Question 2.
Responsive Design Constraints (Application): * Task: You are designing a data card (300px wide) that sits inside a 375px wide frame (mobile screen). The card contains a title that needs to always be anchored to the left and a percentage completion number (e.g., 85%) that needs to always be anchored to the right. * Challenge: Explain the Constraint setting and the Auto Layout behavior needed for the outer card frame and the nested text layers to ensure the title stays left and the percentage stays right when the card is resized from 300px to 350px.
Show hintHide hint
Separate the elements you want to anchor left and right inside the Auto Layout frame and set their individual constraints within the frame.

Enroll free to get your answers marked and your progress saved.