Creating layouts

Layout widgets are useful to organize the widgets in our app, but we can get more benefits from them if we include some graphics in them. In this recipe, we will add a background to a layout.

Getting ready

We are going to work with layouts in this recipe, so you should have cleared the concepts behind them. It is recommended that you read the recipe Organizing with layouts in Chapter 4, Widgets. We will also use the three images from the first recipe of this chapter.

How to do it…

In this recipe, we are going to use a KV file to define our new layout and basic Python to execute our app. To complete the recipe, perform the following steps:

1. In the KV file, define a widget named CustomLayout.

2. Give a yellow rectangle layout to the canvas.

3. Define another widget with our usual MyW.

4. Call CustomLayout.

5. Put one of the images at the center of the layout.

6. Put another image out side of the layout.

7. Call CustomLayout again.

8. Put one of the images at the center of the layout:

   <CustomLayout>:
   ...