This is how you layout lists with TextMeshPro

Опубликовано: 26 Сентябрь 2023
на канале: Christina Creates Games

1,467

A good list is designed with intent - and indentation! This will make setting up UI for any list a whole lot easier. Learn about styling options, the indent tag of TextMesh Pro and possible ways to easily layout your sorted and unsorted lists.

You will learn about the indent-tag built into TextMesh Pro, and working with margins. We are going to have a look at numbered lists as well as unnumbered ones. List markers can also be glyphs from a different font (that is super common to do in printed material ;)!), or sprites! Working like this, you don't need a long list of elements and Gameobjects in your UI, just marking the list entries as such will be enought.

📃 For copy/paste
Middle dot: ·
Black dircle: ●
Black small circle: •
Bullet operator: ∙
Dot operator: ⋅

The example on Github: https://github.com/Maraakis/Christina...
(just the script, you'll need to setup the styles yourself or this won't do anything)

💬 Discord 💛
You are very welcome to join!
/ discord

🛍️ Store links 🛍️
If you'd like to support my channel, consider using my affiliate link when buying cool stuff in the Unity asset store: https://assetstore.unity.com/?aid=110... [Affilate link]
Or on Humblebundle: https://www.humblebundle.com/?partner... [Affiliate link]
Or in the Synty Store: https://syntystore.com/98327 [Affiliate]

🎮 Play my games on Itch.io 🎮
https://christinacreatesgames.itch.io

📖 Chapters 🔖
00:00 The result of this tutorial
00:17 - Criteria for a well-designed list
00:35 - A bit of space for the list
00:46 - Numbered lists
00:55 - Indentation with rich text tag
01:29 - Alignment of long entries
01:46 - Numbers outside the text box
02:10 - Indent and alignment with negative value
02:36 - Unsorted lists
02:57 - Different symbols for unsorted lists
03:19 - Using a different font or sprite
04:28 - Recoloring symbols
05:18 - Creating a reusable style
06:37 - Use case: Checklist for steps in a quest
07:13 - Displaying completed and uncompleted steps
07:45 - Conclusion

💬 Discord 💛
You are very welcome to join!
/ discord

🛍️ Store links 🛍️
If you'd like to support my channel, consider using my affiliate link when buying cool stuff in the asset store: https://assetstore.unity.com/?aid=110... [Affilate link]

🎮 Play my latest game on Itch.io 🎮
https://christinacreatesgames.itch.io...

#unitytutorial

Смотрите видео This is how you layout lists with TextMeshPro онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал Christina Creates Games 26 Сентябрь 2023. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 1,467 раз и оно понравилось 79 посетителям.

354