修改UISlider

This commit is contained in:
MuHua-123
2025-04-24 11:53:43 +08:00
parent a5fa5fe56c
commit 1d4c7605f1
29 changed files with 166 additions and 41 deletions
@@ -5,7 +5,7 @@
<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="Icon" class="dropdown-icon" style="background-image: url(&quot;project://database/Assets/UI%20Toolkit/DefaultTheme/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;">
@@ -1,6 +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:VisualElement name="Check" class="dropdown-hide" style="width: 20px; height: 20px; background-image: url(&quot;project://database/Assets/UI%20Toolkit/DefaultTheme/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>
@@ -1,9 +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/MuHua/UITool/UIScroller/ScrollerHorizontal.uss?fileID=7433441132597879392&amp;guid=fa60433f4fc03c34e8b51e6a8c9b32db&amp;type=3#ScrollerHorizontal" />
<ui:VisualElement name="ScrollerHorizontal" class="scroller-horizontal">
<ui:VisualElement name="Dragger" class="scroller-horizontal-dragger" />
</ui:VisualElement>
<ui:VisualElement name="ScrollerVertical" class="scroller-vertical">
<ui:VisualElement name="Dragger" class="scroller-vertical-dragger" />
<ui:Template name="ScrollerHorizontal" src="project://database/Assets/UI%20Toolkit/Component/Scroller/ScrollerHorizontal.uxml?fileID=9197481963319205126&amp;guid=5580a1adea643f747860b3cb601e12c5&amp;type=3#ScrollerHorizontal" />
<ui:Template name="ScrollerVertical" src="project://database/Assets/UI%20Toolkit/Component/Scroller/ScrollerVertical.uxml?fileID=9197481963319205126&amp;guid=d866b7570e7b3e642bced1d83309f5bf&amp;type=3#ScrollerVertical" />
<Style src="project://database/Assets/UI%20Toolkit/Component/Scroller/Scroller.uss?fileID=7433441132597879392&amp;guid=fa60433f4fc03c34e8b51e6a8c9b32db&amp;type=3#Scroller" />
<ui:Instance template="ScrollerHorizontal" name="ScrollerHorizontal" />
<ui:VisualElement style="flex-grow: 1; flex-direction: row;">
<ui:Instance template="ScrollerVertical" name="ScrollerVertical" />
</ui:VisualElement>
</ui:UXML>
@@ -0,0 +1,5 @@
<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:VisualElement class="scroller-horizontal">
<ui:VisualElement name="Dragger" class="scroller-horizontal-dragger" />
</ui:VisualElement>
</ui:UXML>
@@ -0,0 +1,10 @@
fileFormatVersion: 2
guid: 5580a1adea643f747860b3cb601e12c5
ScriptedImporter:
internalIDToNameTable: []
externalObjects: {}
serializedVersion: 2
userData:
assetBundleName:
assetBundleVariant:
script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
@@ -0,0 +1,5 @@
<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:VisualElement class="scroller-vertical">
<ui:VisualElement name="Dragger" class="scroller-vertical-dragger" />
</ui:VisualElement>
</ui:UXML>
@@ -0,0 +1,10 @@
fileFormatVersion: 2
guid: d866b7570e7b3e642bced1d83309f5bf
ScriptedImporter:
internalIDToNameTable: []
externalObjects: {}
serializedVersion: 2
userData:
assetBundleName:
assetBundleVariant:
script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
+31 -1
View File
@@ -4,6 +4,20 @@
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
flex-direction: row;
}
.slider-horizontal-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;
-unity-text-align: middle-left;
}
.slider-horizontal-container {
@@ -22,6 +36,7 @@
border-top-color: rgb(51, 51, 51);
border-bottom-color: rgb(51, 51, 51);
flex-direction: row;
flex-grow: 1;
}
.slider-horizontal-tracker {
@@ -64,7 +79,21 @@
padding-left: 10px;
width: 30px;
flex-grow: 1;
flex-direction: row;
flex-direction: column;
}
.slider-vertical-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;
-unity-text-align: upper-center;
white-space: normal;
min-height: 100px;
}
.slider-vertical-container {
@@ -84,6 +113,7 @@
border-bottom-color: rgb(51, 51, 51);
flex-direction: column;
width: 10px;
flex-grow: 1;
}
.slider-vertical-tracker {
+10 -30
View File
@@ -1,33 +1,13 @@
<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/MuHua/UITool/UISlider/UISlider.uss?fileID=7433441132597879392&amp;guid=ca2fb5adc90c9af4cb0426c459d7e9e5&amp;type=3#UISlider" />
<ui:VisualElement name="SliderHorizontal1" class="slider-horizontal">
<ui:VisualElement name="Container" class="slider-horizontal-container">
<ui:VisualElement name="Tracker" class="slider-horizontal-tracker">
<ui:VisualElement name="Dragger" class="slider-horizontal-dragger" />
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
<ui:VisualElement name="SliderHorizontal2" class="slider-horizontal">
<ui:VisualElement name="Container" class="slider-horizontal-container" style="flex-direction: row-reverse;">
<ui:VisualElement name="Tracker" class="slider-horizontal-tracker" style="flex-direction: row-reverse;">
<ui:VisualElement name="Dragger" class="slider-horizontal-dragger" style="translate: -8px 0;" />
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
<ui:VisualElement style="flex-grow: 1; flex-direction: row; justify-content: space-around;">
<ui:VisualElement name="SliderVertical1" class="slider-vertical">
<ui:VisualElement name="Container" class="slider-vertical-container">
<ui:VisualElement name="Tracker" class="slider-vertical-tracker">
<ui:VisualElement name="Dragger" class="slider-vertical-dragger" />
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
<ui:VisualElement name="SliderVertical2" class="slider-vertical">
<ui:VisualElement name="Container" class="slider-vertical-container" style="flex-direction: column-reverse;">
<ui:VisualElement name="Tracker" class="slider-vertical-tracker" style="flex-direction: column-reverse;">
<ui:VisualElement name="Dragger" class="slider-vertical-dragger" style="translate: 0 -8px;" />
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
<ui:Template name="SliderHorizontal" src="project://database/Assets/UI%20Toolkit/Component/Slider/SliderHorizontal1.uxml?fileID=9197481963319205126&amp;guid=c17edf36d99c3aa48bf28aaa08480ebf&amp;type=3#SliderHorizontal1" />
<ui:Template name="SliderHorizontal2" src="project://database/Assets/UI%20Toolkit/Component/Slider/SliderHorizontal2.uxml?fileID=9197481963319205126&amp;guid=4fcde11722aeffd4995a1091bffbb265&amp;type=3#SliderHorizontal2" />
<ui:Template name="SliderVertical1" src="project://database/Assets/UI%20Toolkit/Component/Slider/SliderVertical1.uxml?fileID=9197481963319205126&amp;guid=fa8469bd565bf8f4188b6e2adc727445&amp;type=3#SliderVertical1" />
<ui:Template name="SliderVertical2" src="project://database/Assets/UI%20Toolkit/Component/Slider/SliderVertical2.uxml?fileID=9197481963319205126&amp;guid=3227ed3b8be628046be5b9e1b2b14cd7&amp;type=3#SliderVertical2" />
<Style src="project://database/Assets/UI%20Toolkit/Component/Slider/Slider.uss?fileID=7433441132597879392&amp;guid=ca2fb5adc90c9af4cb0426c459d7e9e5&amp;type=3#Slider" />
<ui:Instance template="SliderHorizontal" name="SliderHorizontal1" />
<ui:Instance template="SliderHorizontal2" name="SliderHorizontal2" />
<ui:VisualElement style="flex-grow: 1; flex-direction: row; justify-content: flex-start;">
<ui:Instance template="SliderVertical1" name="SliderVertical1" />
<ui:Instance template="SliderVertical2" name="SliderVertical2" />
</ui:VisualElement>
</ui:UXML>
@@ -0,0 +1,11 @@
<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/Slider/Slider.uss?fileID=7433441132597879392&amp;guid=ca2fb5adc90c9af4cb0426c459d7e9e5&amp;type=3#Slider" />
<ui:VisualElement class="slider-horizontal">
<ui:Label tabindex="-1" text="Slider" parse-escape-sequences="true" display-tooltip-when-elided="true" name="Title" class="slider-horizontal-title" />
<ui:VisualElement name="Container" class="slider-horizontal-container">
<ui:VisualElement name="Tracker" class="slider-horizontal-tracker">
<ui:VisualElement name="Dragger" class="slider-horizontal-dragger" />
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
</ui:UXML>
@@ -0,0 +1,10 @@
fileFormatVersion: 2
guid: c17edf36d99c3aa48bf28aaa08480ebf
ScriptedImporter:
internalIDToNameTable: []
externalObjects: {}
serializedVersion: 2
userData:
assetBundleName:
assetBundleVariant:
script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
@@ -0,0 +1,10 @@
<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:VisualElement class="slider-horizontal">
<ui:Label tabindex="-1" text="Slider" parse-escape-sequences="true" display-tooltip-when-elided="true" name="Title" class="slider-horizontal-title" />
<ui:VisualElement name="Container" class="slider-horizontal-container" style="flex-direction: row-reverse;">
<ui:VisualElement name="Tracker" class="slider-horizontal-tracker" style="flex-direction: row-reverse;">
<ui:VisualElement name="Dragger" class="slider-horizontal-dragger" style="translate: -8px 0;" />
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
</ui:UXML>
@@ -0,0 +1,10 @@
fileFormatVersion: 2
guid: 4fcde11722aeffd4995a1091bffbb265
ScriptedImporter:
internalIDToNameTable: []
externalObjects: {}
serializedVersion: 2
userData:
assetBundleName:
assetBundleVariant:
script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
@@ -0,0 +1,11 @@
<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/Slider/Slider.uss?fileID=7433441132597879392&amp;guid=ca2fb5adc90c9af4cb0426c459d7e9e5&amp;type=3#Slider" />
<ui:VisualElement class="slider-vertical">
<ui:Label tabindex="-1" text="Slider" parse-escape-sequences="true" display-tooltip-when-elided="true" name="Title" class="slider-vertical-title" />
<ui:VisualElement name="Container" class="slider-vertical-container">
<ui:VisualElement name="Tracker" class="slider-vertical-tracker">
<ui:VisualElement name="Dragger" class="slider-vertical-dragger" />
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
</ui:UXML>
@@ -0,0 +1,10 @@
fileFormatVersion: 2
guid: fa8469bd565bf8f4188b6e2adc727445
ScriptedImporter:
internalIDToNameTable: []
externalObjects: {}
serializedVersion: 2
userData:
assetBundleName:
assetBundleVariant:
script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
@@ -0,0 +1,10 @@
<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:VisualElement class="slider-vertical">
<ui:Label tabindex="-1" text="Slider" parse-escape-sequences="true" display-tooltip-when-elided="true" name="Title" class="slider-vertical-title" />
<ui:VisualElement name="Container" class="slider-vertical-container" style="flex-direction: column-reverse;">
<ui:VisualElement name="Tracker" class="slider-vertical-tracker" style="flex-direction: column-reverse;">
<ui:VisualElement name="Dragger" class="slider-vertical-dragger" style="translate: 0 -8px;" />
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
</ui:UXML>
@@ -0,0 +1,10 @@
fileFormatVersion: 2
guid: 3227ed3b8be628046be5b9e1b2b14cd7
ScriptedImporter:
internalIDToNameTable: []
externalObjects: {}
serializedVersion: 2
userData:
assetBundleName:
assetBundleVariant:
script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
@@ -3,7 +3,7 @@
<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 name="Check" class="toggle-check toggle-check-hide" style="background-image: url(&quot;project://database/Assets/UI%20Toolkit/DefaultTheme/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>
@@ -7,7 +7,9 @@
@import url("/Assets/UI Toolkit/Component/ScrollView/ScrollView.uss");
@import url("/Assets/UI Toolkit/Component/Slider/Slider.uss");
@import url("/Assets/UI Toolkit/Component/Toggle/Toggle.uss");
@import url("/Assets/UI Toolkit/Component/Window/Window.uss");
@import url("/Assets/UI Toolkit/GameWindow/GameWindow.uss");
@@ -24,6 +24,7 @@ namespace MuHua {
public readonly UISliderFunc sliderFunc;
public VisualElement Container => Q<VisualElement>("Container");
public VisualElement Title => Q<VisualElement>("Title");
public VisualElement Tracker => Q<VisualElement>("Tracker");
public VisualElement Dragger => Q<VisualElement>("Dragger");