We'll now add some check boxes to our app from the previous lesson. We'll add three of them. These will be things you can buy. You can buy none, one, two, or all three items. The price for the items will then appear in the display area at the top. Let's make a start.
Locate the CheckBox control in the Widgets section of the Palette:
Drag one onto your layout. By default, it will end up in the top left of your layout. Drag it below the RadioGroup and the radio buttons. Now add constraints like you did before. Add a constraint from the top of the checkbox to the bottom of the RadioGroup. You can set a top margin, as well, just like you did before. Set it to a value of 24 from the dropdown box. Add constraints to the left and right edges of the screen. Now add two more checkboxes and set their constraints.
When you add all three, your layout will look something like this:
Adding checkboxes can be a bit fiddly, so you might need a few tries before you get it right. (It's often better to add them to a vertical LinearLayout, but we're not too concerned about having a great design for this section.)
Now select each checkbox in turn and set the Text and ID properties as follows (you can select a checkbox in the Component Tree):
Text: Java Course - £30
Text: Android Course - £20
Text: C# NET Course - £10
Your layout will them look like this (we won't worry about the alignment being out):
Now let's do some coding for checkboxes. We'll do that in the next lesson below.