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="quit" style="flex-grow: 1; position: absolute; top: 10px; right: 10px; background-image: url(&quot;project://database/Assets/Pictures/quit.png?fileID=2800000&amp;guid=cd0b7f033ffb46346b2c4d0d11593000&amp;type=3#quit&quot;); width: 30px; height: 30px; -unity-background-image-tint-color: rgb(24, 24, 24);" />
        <ui:VisualElement name="menuArea" style="flex-grow: 1; position: absolute; top: auto; right: 0; width: 150px; height: 150px; visibility: visible; bottom: 15%;">
            <ui:VisualElement name="shop" class="subMenu" style="background-image: url(&quot;project://database/Assets/Pictures/menu%20icons/shop.png?fileID=2800000&amp;guid=6866a7131c552244286e086c0f3c0d71&amp;type=3#shop&quot;); top: 103px; left: 38px; display: flex;" />
            <ui:VisualElement name="warehouse" class="subMenu" style="background-image: url(&quot;project://database/Assets/Pictures/menu%20icons/box.png?fileID=2800000&amp;guid=e023858a18ba6044aac5f01454022545&amp;type=3#box&quot;); top: 71px; left: 29px;" />
            <ui:VisualElement name="status" class="subMenu" style="top: 111px; left: 86px; background-image: url(&quot;project://database/Assets/Pictures/menu%20icons/status.png?fileID=2800000&amp;guid=2a30515557e15584089b7100924be084&amp;type=3#status&quot;);" />
            <ui:VisualElement name="home" class="subMenu" style="background-image: url(&quot;project://database/Assets/Pictures/menu%20icons/Home.png?fileID=2800000&amp;guid=06f80d83d75e2db4bb5e1e4f6b2b98e0&amp;type=3#Home&quot;); top: 5px; left: 99px;" />
            <ui:VisualElement name="playground" class="subMenu" style="background-image: url(&quot;project://database/Assets/Pictures/menu%20icons/playground2.png?fileID=2800000&amp;guid=e4fcd1fcd94d0b44b80ee061a4ffc4df&amp;type=3#playground2&quot;); top: 13px; left: 58px;" />
            <ui:VisualElement name="walkdogs" class="subMenu" style="top: 41px; left: 33px; display: flex; background-image: url(&quot;project://database/Assets/Pictures/menu%20icons/Walkdogs.png?fileID=1679316319&amp;guid=cacf9fa8e8a6b784fb1128fca1f0bd57&amp;type=3#Walkdogs_5&quot;);" />
            <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; visibility: visible;" />
        </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: auto; width: auto; height: 150px; flex-direction: row; align-items: center; flex-wrap: nowrap; visibility: visible; display: flex; bottom: 15%;">
            <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: 15px; visibility: visible;" />
            <ui:VisualElement name="dogList" style="flex-grow: 1; width: auto; position: relative; margin-left: 12px; visibility: hidden; display: flex;">
                <ui:Label text="Label" name="dog01" 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; display: none;" />
                <ui:Label text="Label" name="dog02" 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; display: none;" />
                <ui:Label text="Label" name="dog02" 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; display: none;" />
            </ui:VisualElement>
        </ui:VisualElement>
    </ui:VisualElement>
</ui:UXML>