2. right-click Page1 in the Pages on the left and select Rename to rename the page, and we will rename it "music playing page".

3. Open the music playing page in the music player in our own mobile phone and take a screenshot for reference. Here I use migu music. Copy the screenshot and paste it into the page, as shown:

4. As shown above, the background color is white. At this time, the boundary between the picture and the background color is not clear. Let's modify the background color first. Method: Select the blank part, click the Color in the STYLE on the right, and choose a darker color, and the boundary will become clear, as shown in the following figure:

5. Let's draw our own music playing page according to this figure. First, hold down Ctrl+ mouse wheel to scroll down, so that all the reference pages are displayed on the screen. Next, drag a Box1 and place it on the right side of the reference picture, and adjust the size to be the same as the left picture. When adjusting, pay attention to unlocking the small locks in W and H, as shown below.

6. Observing the reference picture, the picture can be roughly divided into the following five parts: song name, album picture, lyrics, personal setting and schedule control:

7. Hold down the ruler and pull it down, and add ruler lines to the parts that need ruler marks, as shown in the figure, which needs to be pulled down five times:

8. Add a song name, first drag a Box1 to the first ruler line, and then. Then modify the Thickness under the right BORDER to to remove the border, as shown in the following figure:

9. Next, add the author and sound effects, hold down the CTRL key on the keyboard and drag the Box "Lanting Preface" to copy the Box, and we will copy three to arrange them, as shown in the following figure:

1. Modify the author's text and style first, and then modify its size, text color and thickness. As shown below:

11. Modify the sound quality, involving the size, color, thickness and border of the text, as shown below:

12. Modify the sound effect, involving the size, color, thickness and border of the text, as shown below.

Note that if you are not sure about the text and border color here, you can use a color picker, as shown below. Click on the color picker and then click on the part with the desired color to get it.

The border here is rounded. We adjust it like this. After selecting the text box, a small triangle will appear in the upper left corner. Just pull the small triangle, as shown below.

13. Next, drag an image and resize it as an album picture

14. Then drag an H1, input the content and adjust the relevant parameters as lyrics:

15. Next, drag a circle and resize it as a personal setting icon, and set the icon to be aligned upward and the icon spacing to be equal. The same is true for the progress icon:

16. Pull two horizontal lines to be the total respectively. Pull the played progress bar to the left of the general progress bar to coincide with the general progress bar. Drag a circle, fill it with red, resize it to 3*3, and drag it to the end of the played progress bar.

done.