[Android] Youku ring menu – relative layout exercise

Youku ring menu

The layout file uses the < relativelayout / > control as the first level menu. Relative to the layout, it is located at the bottom of the parent control and centered horizontally. Because the picture is not a special standard, the width and height are nailed, and the width is twice the height

The secondary and tertiary menus have the same layout

The icon < ImageView / > control of the small house is centered in the parent control

The second level search icon is located at the bottom of the parent control, up, down, left and right maigin10dp

The second level menu icon is located at the top of the parent control, horizontally centered, and margintop 10dp

The second level exclamation mark icon is located at the bottom and right of the parent control, margin 10dp

There are many icons in the third level, but the principle is the same as that in the second level, except that they are located through margin

The icon of the third level channel2 is located above the icon of Channel1, aligned with the left side of Channel1, marginleft 20dp and marginbottom 6dp

The third level Channel3 icon is located above the channel2 icon, aligned with the left side of channel2, marginleft 30dp and marginbottom 6dp

The icon of the third level channel4 is located above the parent control, horizontally centered, and margintop 5dp

The left semicircle ends, and the right semicircle follows the same steps as the left

Layout code: