This commit is contained in:
MuHua-123
2025-03-04 10:59:13 +08:00
parent 190b048e71
commit c9230b19b4
18 changed files with 423 additions and 5780 deletions
@@ -4,6 +4,9 @@
@import url("/Assets/MuHua/UITool/UIFloatingWindow/FloatingWindow.uss");
@import url("/Assets/MuHua/UITool/UIScroller/Scroller.uss");
@import url("/Assets/MuHua/UITool/UIScrollView/ScrollView.uss");
@import url("/Assets/MuHua/UITool/UISlider/Slider.uss");
+1 -1
View File
@@ -1,3 +1,3 @@
.unity-text-element {
-unity-font-definition: url("project://database/Assets/MuHua/UITool/FontLibrary/SourceHanSansCN-Medium%20SDF.asset?fileID=11400000&guid=500f473f880266d43aaf04a728879085&type=2#SourceHanSansCN-Medium SDF");
-unity-font: url("project://database/Assets/MuHua/UITool/FontLibrary/SourceHanSansCN-Medium.otf?fileID=12800000&guid=3ceb88ff2ced01a439c5b2d1b63c86a5&type=3#SourceHanSansCN-Medium");
}
@@ -1,4 +1,4 @@
<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/FontLibrary/UIToolkit/Fonts.uss?fileID=7433441132597879392&amp;guid=52d41516f77d64346b5cd0ac76ba5b95&amp;type=3#Fonts" />
<ui:Label tabindex="-1" text="Label" parse-escape-sequences="true" display-tooltip-when-elided="true" style="-unity-font-style: normal;" />
<Style src="project://database/Assets/MuHua/UITool/FontLibrary/Fonts.uss?fileID=7433441132597879392&amp;guid=52d41516f77d64346b5cd0ac76ba5b95&amp;type=3#Fonts" />
<ui:Label tabindex="-1" text="哈哈" parse-escape-sequences="true" display-tooltip-when-elided="true" style="-unity-font-style: normal;" />
</ui:UXML>
File diff suppressed because one or more lines are too long
@@ -1,8 +0,0 @@
fileFormatVersion: 2
guid: 500f473f880266d43aaf04a728879085
NativeFormatImporter:
externalObjects: {}
mainObjectFileID: 11400000
userData:
assetBundleName:
assetBundleVariant:
+120
View File
@@ -0,0 +1,120 @@
.slider-horizontal {
height: 30px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.slider-horizontal-container {
height: 10px;
background-color: rgb(128, 128, 128);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
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);
flex-direction: row;
}
.slider-horizontal-tracker {
background-color: rgb(255, 255, 255);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
width: 50%;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}
.slider-horizontal-dragger {
width: 16px;
height: 16px;
background-color: rgb(255, 255, 255);
flex-shrink: 0;
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);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
translate: 8px 0;
}
.slider-vertical {
height: auto;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
width: 30px;
flex-grow: 1;
flex-direction: row;
}
.slider-vertical-container {
height: auto;
background-color: rgb(128, 128, 128);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
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);
flex-direction: column;
width: 10px;
}
.slider-vertical-tracker {
background-color: rgb(255, 255, 255);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
width: auto;
flex-direction: column;
align-items: center;
justify-content: flex-end;
height: 50%;
}
.slider-vertical-dragger {
width: 16px;
height: 16px;
background-color: rgb(255, 255, 255);
flex-shrink: 0;
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);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
translate: 0 8px;
}
+33
View File
@@ -0,0 +1,33 @@
<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:VisualElement>
</ui:UXML>
@@ -1 +0,0 @@
VisualElement {}
@@ -1,9 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<engine:UXML
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:engine="UnityEngine.UIElements"
xmlns:editor="UnityEditor.UIElements"
xsi:noNamespaceSchemaLocation="../../../../UIElementsSchema/UIElements.xsd"
>
</engine:UXML>
+25
View File
@@ -13,6 +13,12 @@ public class TestUI : MonoBehaviour {
private UIScrollView scrollView;
private UIScrollView scrollViewHorizontal;
private UIScrollView scrollViewVertical;
private UISlider slider1;
private UISlider slider2;
private UISlider slider3;
private UISlider slider4;
private void Awake() {
VisualElement ScrollView = root.Q<VisualElement>("ScrollView");
scrollView = new UIScrollView(ScrollView, root, UIDirection.HorizontalAndVertical);
@@ -22,10 +28,29 @@ public class TestUI : MonoBehaviour {
VisualElement ScrollViewVertical = root.Q<VisualElement>("ScrollViewVertical");
scrollViewVertical = new UIScrollView(ScrollViewVertical, root, UIDirection.Vertical);
VisualElement Slider1 = root.Q<VisualElement>("SliderHorizontal1");
slider1 = new UISlider(Slider1, root, UIDirection.FromLeftToRight);
VisualElement Slider2 = root.Q<VisualElement>("SliderHorizontal2");
slider2 = new UISlider(Slider2, root, UIDirection.FromRightToLeft);
VisualElement Slider3 = root.Q<VisualElement>("SliderVertical1");
slider3 = new UISlider(Slider3, root, UIDirection.FromTopToBottom);
VisualElement Slider4 = root.Q<VisualElement>("SliderVertical2");
slider4 = new UISlider(Slider4, root, UIDirection.FromBottomToTop);
slider4.ValueChanged += (obj) => { Debug.Log(obj); };
}
private void Update() {
scrollView.Update();
scrollViewHorizontal.Update();
scrollViewVertical.Update();
slider1.Update();
slider2.Update();
slider3.Update();
slider4.Update();
}
}
+2
View File
@@ -2,9 +2,11 @@
<ui:Template name="ScrollView" src="project://database/Assets/MuHua/UITool/UIScrollView/ScrollView.uxml?fileID=9197481963319205126&amp;guid=e95fad6397f22504eb724a8ea0c8d926&amp;type=3#ScrollView" />
<ui:Template name="ScrollViewHorizontal" src="project://database/Assets/MuHua/UITool/UIScrollView/ScrollViewHorizontal.uxml?fileID=9197481963319205126&amp;guid=ac460a2d93de869499c04a4295795595&amp;type=3#ScrollViewHorizontal" />
<ui:Template name="ScrollViewVertical" src="project://database/Assets/MuHua/UITool/UIScrollView/ScrollViewVertical.uxml?fileID=9197481963319205126&amp;guid=df824968495905e4db8daa1a4a942d6f&amp;type=3#ScrollViewVertical" />
<ui:Template name="UISlider" src="project://database/Assets/MuHua/UITool/UISlider/UISlider.uxml?fileID=9197481963319205126&amp;guid=7360aa427d614894eab01f938a59da18&amp;type=3#UISlider" />
<ui:VisualElement style="flex-grow: 1; flex-direction: row;">
<ui:Instance template="ScrollView" name="ScrollView" />
<ui:Instance template="ScrollViewHorizontal" name="ScrollViewHorizontal" />
<ui:Instance template="ScrollViewVertical" name="ScrollViewVertical" />
<ui:Instance template="UISlider" name="UISlider" style="width: 300px;" />
</ui:VisualElement>
</ui:UXML>