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; visibility: visible;">
            <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; visibility: hidden;" />
            <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; visibility: hidden;" />
            <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;); visibility: hidden;" />
            <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; visibility: hidden;" />
            <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; visibility: hidden;" />
            <ui:VisualElement name="camera" class="subMenu" style="top: 41px; left: 33px; display: flex; visibility: hidden;" />
            <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: 25%; height: 25%; 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%; visibility: visible;">
            <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); visibility: hidden;" />
            <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 name="dogMenu" style="flex-grow: 1; position: absolute; top: 360px; width: auto; height: 150px; flex-direction: row; align-items: center; flex-wrap: nowrap; visibility: visible; display: flex;">
            <ui:VisualElement name="dogIcon" style="flex-grow: 1; position: relative; background-image: url(&quot;project://database/Assets/Pictures/icon2.png?fileID=585736745&amp;guid=114975168980a5d469ca1980fd07d630&amp;type=3#icon2_8&quot;); height: 40px; width: 40px; margin-left: 4px; visibility: visible;" />
            <ui:VisualElement name="dogList" style="flex-grow: 1; width: auto; position: relative; margin-left: 5px; visibility: visible; display: flex;">
                <ui:Label text="Label" name="dog_0" class="dogNameLabel" style="width: 100%; -unity-font-definition: url(&quot;project://database/Assets/Font/MaoKenZhuYuanTi-MaokenZhuyuanTi-2.ttf?fileID=12800000&amp;guid=50a63638b44907e46a3fa871d63b7d39&amp;type=3#MaoKenZhuYuanTi-MaokenZhuyuanTi-2&quot;); border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;" />
                <ui:Label text="Label" name="dog_1" class="dogNameLabel" style="width: 100%; -unity-font-definition: url(&quot;project://database/Assets/Font/MaoKenZhuYuanTi-MaokenZhuyuanTi-2.ttf?fileID=12800000&amp;guid=50a63638b44907e46a3fa871d63b7d39&amp;type=3#MaoKenZhuYuanTi-MaokenZhuyuanTi-2&quot;); border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;" />
                <ui:Label text="Label" name="dog_2" class="dogNameLabel" style="width: 100%; -unity-font-definition: url(&quot;project://database/Assets/Font/MaoKenZhuYuanTi-MaokenZhuyuanTi-2.ttf?fileID=12800000&amp;guid=50a63638b44907e46a3fa871d63b7d39&amp;type=3#MaoKenZhuYuanTi-MaokenZhuyuanTi-2&quot;); border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;" />
            </ui:VisualElement>
        </ui:VisualElement>
    </ui:VisualElement>
</ui:UXML>