PuppyClient/Assets/Resources/VoiceAndManu/VoiceAndMenu.uxml

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="True">
    <Style src="project://database/Assets/Resources/VoiceAndManu/VoiceAndMenu.uss?fileID=7433441132597879392&amp;guid=ce67c533d6e849b47862283007c81f9a&amp;type=3#VoiceAndMenu" />
    <ui:VisualElement style="flex-grow: 1; background-size: 300% 100%;">
        <ui:VisualElement name="menuArea" style="flex-grow: 1; position: absolute; top: 360px; right: 0; width: 150px; height: 150px;">
            <ui:VisualElement name="shop" class="subMenu" style="background-image: url(&quot;project://database/Assets/Pictures/manu.png?fileID=1092710226&amp;guid=46e529c3d84b9b34aaa338b9efa4c217&amp;type=3#shop 4&quot;); top: 103px; left: 38px; display: flex;" />
            <ui:VisualElement name="warehouse" class="subMenu" style="background-image: url(&quot;project://database/Assets/Pictures/manu.png?fileID=1040407419&amp;guid=46e529c3d84b9b34aaa338b9efa4c217&amp;type=3#warehouse&quot;); top: 71px; left: 29px;" />
            <ui:VisualElement name="status" class="subMenu" style="top: 111px; left: 86px; background-image: url(&quot;project://database/Assets/Pictures/manu.png?fileID=-1556414311&amp;guid=46e529c3d84b9b34aaa338b9efa4c217&amp;type=3#calc&quot;);" />
            <ui:VisualElement name="home" class="subMenu" style="background-image: url(&quot;project://database/Assets/Pictures/manu.png?fileID=-1033102874&amp;guid=46e529c3d84b9b34aaa338b9efa4c217&amp;type=3#home&quot;); top: 5px; left: 99px;" />
            <ui:VisualElement name="playground" class="subMenu" style="background-image: url(&quot;project://database/Assets/Pictures/manu.png?fileID=-1720006710&amp;guid=46e529c3d84b9b34aaa338b9efa4c217&amp;type=3#playground&quot;); top: 13px; left: 58px;" />
            <ui:VisualElement name="camera" class="subMenu" style="top: 41px; left: 33px; display: flex;" />
            <ui:VisualElement name="mainMenu" class="subMenu" style="background-image: url(&quot;project://database/Assets/Packages/2D%20Casual%20UI/Sprite/GUI.png?fileID=21300072&amp;guid=1eaee135ce037439d925cee5e41ce026&amp;type=3#GUI_36&quot;); width: 26%; height: 26%; position: absolute; top: 52px; left: 85px; bottom: auto;" />
        </ui:VisualElement>
        <ui:VisualElement name="voiceArea" style="flex-grow: 1; position: absolute; bottom: 2%; flex-direction: column; justify-content: space-around; align-items: center; align-content: flex-start; width: 100%;">
            <ui:VisualElement name="waveForm" style="flex-grow: initial; background-image: url(&quot;project://database/Assets/Pictures/waveform.png?fileID=711615006&amp;guid=743c12517ce3fef47a5c8b2f1a26f4ac&amp;type=3#waveform_0&quot;); width: 95%; height: 30px; flex-shrink: initial; -unity-background-image-tint-color: rgba(255, 255, 255, 0.74);" />
            <ui:Button name="voice" style="background-image: url(&quot;project://database/Assets/Pictures/speaker.png?fileID=-1526337199&amp;guid=e472be41a1391b94482678153c3e5f4b&amp;type=3#speaker_6&quot;); width: 100px; height: 50px; background-color: rgba(188, 188, 188, 0); background-size: 75% 75%; border-top-width: 0; border-bottom-width: 0; border-left-width: 0; border-right-width: 0;" />
        </ui:VisualElement>
    </ui:VisualElement>
</ui:UXML>