MuHua/MuHua-Core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加UIToggle和UIDropdown

Browse Source
This commit is contained in:
MuHua-123
2025-04-22 15:45:57 +08:00
parent f6d1cd4d87
commit 9a34f2bd18
33 changed files with 755 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Assets/UI Toolkit/Component/Dropdown.meta
+8
View File
@@ -0,0 +1,8 @@
fileFormatVersion: 2
guid: 34cba154d61f21b40b40b8f2f13d76de
folderAsset: yes
DefaultImporter:
externalObjects: {}
userData:
assetBundleName:
assetBundleVariant:
Assets/UI Toolkit/Component/Dropdown/Dropdown.uss
+110
View File
@@ -0,0 +1,110 @@
.dropdown {
flex-grow: 0;
flex-direction: row;
height: 40px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.dropdown-title {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
min-width: 100px;
font-size: 18px;
-unity-text-align: middle-left;
color: rgb(255, 255, 255);
}
.dropdown-input {
flex-grow: 1;
background-color: rgb(229, 229, 229);
flex-direction: row;
align-items: center;
justify-content: space-between;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.dropdown-tag {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
-unity-text-align: middle-left;
}
.dropdown-icon {
width: 20px;
height: 20px;
}
.dropdown-scrollview {
width: auto;
height: auto;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
flex-grow: 1;
position: absolute;
top: 32px;
left: 0;
right: 0;
bottom: auto;
max-height: 100px;
}
.dropdown-container {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.dropdown-hide {
opacity: 0;
display: none;
}
.dropdown-unit {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
background-color: rgba(0, 0, 0, 0);
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
height: 30px;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
-unity-text-align: middle-left;
flex-direction: row-reverse;
align-items: center;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.dropdown-unit:hover {
background-color: rgba(0, 0, 0, 0.2);
}
Assets/UI Toolkit/Component/Dropdown/Dropdown.uss.meta
+11
View File
@@ -0,0 +1,11 @@
fileFormatVersion: 2
guid: 1e0657eb9266c804ea6adea1a16c74b2
ScriptedImporter:
internalIDToNameTable: []
externalObjects: {}
serializedVersion: 2
userData:
assetBundleName:
assetBundleVariant:
script: {fileID: 12385, guid: 0000000000000000e000000000000000, type: 0}
disableValidation: 0
Assets/UI Toolkit/Component/Dropdown/Dropdown.uxml
+29
View File
@@ -0,0 +1,29 @@
<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xsi="http://www.w3.org/2001/XMLSchema-instance" engine="UnityEngine.UIElements" editor="UnityEditor.UIElements" noNamespaceSchemaLocation="../../../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
<ui:Template name="DropdownTemplate" src="project://database/Assets/UI%20Toolkit/Component/Dropdown/DropdownTemplate.uxml?fileID=9197481963319205126&amp;guid=f2787443498675b4c80a0bcedd37c0dc&amp;type=3#DropdownTemplate" />
<Style src="project://database/Assets/UI%20Toolkit/Component/Dropdown/Dropdown.uss?fileID=7433441132597879392&amp;guid=1e0657eb9266c804ea6adea1a16c74b2&amp;type=3#Dropdown" />
<ui:VisualElement class="dropdown">
<ui:Label tabindex="-1" text="下拉框" parse-escape-sequences="true" display-tooltip-when-elided="true" name="Title" class="dropdown-title" />
<ui:VisualElement name="Input" class="dropdown-input">
<ui:Label tabindex="-1" text="标签" parse-escape-sequences="true" display-tooltip-when-elided="true" name="Tag" class="dropdown-tag" />
<ui:VisualElement name="Icon" class="dropdown-icon" style="background-image: url(&quot;project://database/Assets/UI%20Toolkit/Theme/UnityDefaultRuntimeTheme.tss?fileID=4154780841294389669&amp;guid=59bfacbee7a859f42904b05799bf9437&amp;type=3#arrow-down&quot;); -unity-background-image-tint-color: rgb(51, 51, 51);" />
<ui:VisualElement name="Positioner" class="dropdown-scrollview" />
<ui:VisualElement name="DropdownScrollView" class="scrollview dropdown-scrollview dropdown-hide">
<ui:VisualElement name="Viewport" class="scrollview-viewport" style="margin-right: 0; margin-bottom: 0; margin-top: 0; margin-left: 0; background-color: rgb(255, 255, 255); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;">
<ui:VisualElement name="Container" class="scrollview-container" style="width: 100%; height: auto; background-color: rgba(255, 255, 255, 0); padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;">
<ui:Instance template="DropdownTemplate" name="DropdownTemplate" />
<ui:Instance template="DropdownTemplate" name="DropdownTemplate" />
<ui:Instance template="DropdownTemplate" name="DropdownTemplate" />
<ui:Instance template="DropdownTemplate" name="DropdownTemplate" />
<ui:Instance template="DropdownTemplate" name="DropdownTemplate" />
</ui:VisualElement>
</ui:VisualElement>
<ui:VisualElement name="ScrollerHorizontal" class="scroller-horizontal scrollview-horizontal-scroller" style="right: 0; display: none;">
<ui:VisualElement name="Dragger" class="scroller-horizontal-dragger scrollview-horizontal-scroller-dragger" />
</ui:VisualElement>
<ui:VisualElement name="ScrollerVertical" class="scroller-vertical scrollview-vertical-scroller" style="display: none;">
<ui:VisualElement name="Dragger" class="scroller-vertical-dragger scrollview-vertical-scroller-dragger" />
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
</ui:UXML>
Assets/UI Toolkit/Component/Dropdown/Dropdown.uxml.meta
+10
View File
@@ -0,0 +1,10 @@
fileFormatVersion: 2
guid: 58251f1c92414424eb285cc650757918
ScriptedImporter:
internalIDToNameTable: []
externalObjects: {}
serializedVersion: 2
userData:
assetBundleName:
assetBundleVariant:
script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
Assets/UI Toolkit/Component/Dropdown/DropdownTemplate.uxml
+6
View File
@@ -0,0 +1,6 @@
<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
<Style src="project://database/Assets/UI%20Toolkit/Component/Dropdown/Dropdown.uss?fileID=7433441132597879392&amp;guid=1e0657eb9266c804ea6adea1a16c74b2&amp;type=3#Dropdown" />
<ui:Button text="Button" parse-escape-sequences="true" display-tooltip-when-elided="true" class="dropdown-unit">
<ui:VisualElement name="Check" class="dropdown-hide" style="width: 20px; height: 20px; background-image: url(&quot;project://database/Assets/UI%20Toolkit/Theme/UnityDefaultRuntimeTheme.tss?fileID=-6090568113533005507&amp;guid=59bfacbee7a859f42904b05799bf9437&amp;type=3#check&quot;); -unity-background-image-tint-color: rgb(51, 51, 51);" />
</ui:Button>
</ui:UXML>
Assets/UI Toolkit/Component/Dropdown/DropdownTemplate.uxml.meta
+10
View File
@@ -0,0 +1,10 @@
fileFormatVersion: 2
guid: f2787443498675b4c80a0bcedd37c0dc
ScriptedImporter:
internalIDToNameTable: []
externalObjects: {}
serializedVersion: 2
userData:
assetBundleName:
assetBundleVariant:
script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
Assets/UI Toolkit/Component/Toggle.meta
+8
View File
@@ -0,0 +1,8 @@
fileFormatVersion: 2
guid: e1a1aec9a6e95db489c4fa0e75fa3eaf
folderAsset: yes
DefaultImporter:
externalObjects: {}
userData:
assetBundleName:
assetBundleVariant:
Assets/UI Toolkit/Component/Toggle/Toggle.uss
+52
View File
@@ -0,0 +1,52 @@
.toggle {
width: auto;
height: 40px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.toggle-title {
-unity-text-align: middle-left;
font-size: 18px;
color: rgb(255, 255, 255);
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.toggle-input {
width: 20px;
height: 20px;
background-color: rgb(229, 229, 229);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-left-color: rgb(51, 51, 51);
border-right-color: rgb(51, 51, 51);
border-top-color: rgb(51, 51, 51);
border-bottom-color: rgb(51, 51, 51);
}
.toggle-check {
flex-grow: 1;
}
.toggle-check-hide {
display: none;
opacity: 0;
}
Assets/UI Toolkit/Component/Toggle/Toggle.uss.meta
+11
View File
@@ -0,0 +1,11 @@
fileFormatVersion: 2
guid: 9110c01e0b68bd9429ca5de756897be0
ScriptedImporter:
internalIDToNameTable: []
externalObjects: {}
serializedVersion: 2
userData:
assetBundleName:
assetBundleVariant:
script: {fileID: 12385, guid: 0000000000000000e000000000000000, type: 0}
disableValidation: 0
Assets/UI Toolkit/Component/Toggle/Toggle.uxml
+9
View File
@@ -0,0 +1,9 @@
<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xsi="http://www.w3.org/2001/XMLSchema-instance" engine="UnityEngine.UIElements" editor="UnityEditor.UIElements" noNamespaceSchemaLocation="../../../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
<Style src="project://database/Assets/UI%20Toolkit/Component/Toggle/Toggle.uss?fileID=7433441132597879392&amp;guid=9110c01e0b68bd9429ca5de756897be0&amp;type=3#Toggle" />
<ui:VisualElement class="toggle">
<ui:Label tabindex="-1" text="开关" parse-escape-sequences="true" display-tooltip-when-elided="true" name="Title" class="toggle-title" />
<ui:VisualElement name="Input" class="toggle-input">
<ui:VisualElement name="Check" class="toggle-check toggle-check-hide" style="background-image: url(&quot;project://database/Assets/UI%20Toolkit/Theme/UnityDefaultRuntimeTheme.tss?fileID=-6090568113533005507&amp;guid=59bfacbee7a859f42904b05799bf9437&amp;type=3#check&quot;); -unity-background-image-tint-color: rgb(51, 51, 51);" />
</ui:VisualElement>
</ui:VisualElement>
</ui:UXML>
Assets/UI Toolkit/Component/Toggle/Toggle.uxml.meta
+10
View File
@@ -0,0 +1,10 @@
fileFormatVersion: 2
guid: 1fb475832cb8d164fba93f4b38a10155
ScriptedImporter:
internalIDToNameTable: []
externalObjects: {}
serializedVersion: 2
userData:
assetBundleName:
assetBundleVariant:
script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}