Unity UI Toolkit Beginner's Guide 4: Customizing Slider 1

[@ItsMeHelel]

Please keep making those! You are THE best resource for Unity UI Toolkit out there

[@UIMotionEffects]

I'm glad you liked the video. Thank you for watching.

[@ItsMeHelel]

@@UIMotionEffects Will there be more?

[@johnsartain4160]

Yeah it's quite embarrassing for unity but this guy is more knowledgeable than them at their own product as he's able to explain it to the average person much more effectively.

[@Slactor]

Great clear explanation and a good pace. You saved me a lot of time! An FYI for anyone looking to change the dragger without a fill bar, you can simply change the background image on the dragger selector, 0 code needed in that case!

[@mg-bo4uc]

you are an amazing teacher, thank you

[@stmihan_]

Man, this is what I was looking for all day yesterday. Thanks a lot for this guides about UI Toolkit, really helpfull

[@UIMotionEffects]

I'm really glad to hear that. Thank you for watching.

[@fleity]

I think making a completely new fill bar control which reimplements the slider is preferable to overriding the existing slider styles and adding to it with a monobehaviour in the long run. Mostly because it's encapsulated better but also because it will work completely in the builder without having to run the game view.

[@Yggdrasful]

Thank you for your tutorial ! Very well done.

[@UIMotionEffects]

Thank you for watching. I hope this video was useful.

[@gaoqiangzhou9960]

best ui toolkit tutorial! hope you get more subsribes

[@UIMotionEffects]

Thank you for watching and commenting!!

[@fomosapiens_official]

Hello. I can not move uxml file like you at 17:46. I try moving from library->project->assets->file.uxml to Hierarchy->VisualElement, but nothing happens

[@fomosapiens_official]

It works now after I switched back to Library->Standart and than back to Library->Project :)

[@mehmeh8883]

How can create an image slide show / carousel? Also why is there no "Image" in side the library but is it in the code. background image is background after all.

[@席郭亮]

When I try to do the same thing as you, I set up the #unity-tracker, using Position:Relative; The setting of flex-grow:1 does not fill the entire area, only about 50%, it looks like # Union-Dragger also has some height, is it due to version issues, I use unity 2022.1.24, there is no difference in the setting in the help manual

[@cfloutier]

sooo cool

[@AIGameMonster]

How to change the size of Tab Icon in TabView in Unity 2023.2.0f1?

[@YourUnityhelper]

Please provide image asset.

[@Xp_p]

근데 newDragger의 pickingMode를 Ignore 한다면 클릭을 못하게 되는데, 그러면 newDragger의 위쪽이나 아래쪽을 누르고 드래그해도 슬라이더가 움직이지 않는데 어떻게 하면 그 원 부분을 다 인식하게 할 수 있는거죠?

[@nixonscherbarth1974]

Great Tutorial Series, very well explained. I am currently using version 2021.3.26.f1 and for me on the slider there is no option for the allign self on the .bar ! Solution, open the CustomControls.uss File and add: allign-self: flex-end; into the .bar{} So for me it looks like this :) .bar { width: 2000px; height: 100%; background-color: rgba(183, 71, 0, 255); -unity-background-scale-mode: stretch-to-fill; align-self: flex-end; }

[@UIMotionEffects]

That's right. The self-align functions are not available in the 2021 versions. Thank you for sharing your solution.

[@WelshGuitarDude]

Why wouldn't you make a custom visual element so the slider style isn't defined in monbehavior since that's what custom controls was for

[@UIMotionEffects]

I don't think I'm giving the only answer. If there is a better way, it would be great for you to show it for me and others.

[@이상훈-k8d]

사용된 이미지 소스도 받을 수 있을까요?

[@UIMotionEffects]

이미지 소스는 제공하지 않고 있습니다. 감사합니다.

[@thvk98]

❤❤

[@justlama0]

20 min just for change skin for slider… well done unity

[@dangername6996]

Why TF we don't have these basics mechanics in UI-builder?... UI system in Unity is just awful... Thanks for the tutorial)

[@darkmatter6467]

UI Toolkit is so powerful, and so boring !