Skip to content

AnikBeris/UE-Widget-Development

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

-------> English | Русский <-------

Project Logo

GitHub License GitHub Stars

SPACER

Краткие заметки для работы с `Widgets` в Unreal Engine 5 ( Tutorial )

> 💡 Материал ориентирован на разработчиков, которые уже знакомы с `Widgets` и `Blueprints`



⚠️ Отказ от ответственности

Автор не несёт ответственности за любые возможные последствия использования данного проекта.
Используйте на свой страх и риск.


💖 Поддержите проект

Если этот проект оказался полезным для Вас, вы можете оценить его, поставив звёздочку.:star2:

Buy Me a Coffee Buy Me a Coffee

Пожертвования горячо приветствуются, какими бы маленькими они ни были, и большое спасибо. 😌

Tether USDT (BEP20) 0x22258ea591966e830199d27dea7c542f31ed5dc5
Bitcoin (BTC) 1Dbwq9EP8YpF3SrLgag2EQwGASMSGLADbh
Ethereum (ERC20) 0x22258ea591966e830199d27dea7c542f31ed5dc5
Binance Smart Chain (BEP20) 0x22258ea591966e830199d27dea7c542f31ed5dc5
Solana (SOL) yYYXsiVTzsvfvsMnBxfxSZEWTGytjAViE2ojf3hbLeF
Cloud tips cloudtips

Спасибо за Ваше внимание к проекту и за поддержку 💙




📚 Содержание

🔗 Полезные ссылки



📊 Вводная информация

🎮 Это только примеры

📊 1. Счетчик с прокруткой

statistics
⚙️ Развернуть описание
  • Создаём 2 Widgets
Widgets UI Widgets UX
  1. WB_UI_Menu - меню где будем тестить
WB_UI_Menu
  1. WB_UX_Dead - мастер виджет для вывода нашего текста
WB_UX_Dead
  • создаём 2 Data Table и 1 Rich Text Block Image Decorator
Data Table Rich Text Image Data Table Rich Text
  1. Выбираем Data Table и в поиске вводим Rich
Rich
Blueprint_Rich
  1. Выбираем вначале Rich Text
DT_RT_Text
  1. Потом выбираем создаём Rich Text Image
DT_RT_Image_Weapon
  1. после чего создаём блупринт Rich Text Block Image Decorator
RichText_image_Decorator
RichText_Image_Decorator
RichText_imadge_Weapon

Работа с Data Table

  1. Открываем DT_RT_Text и расписываем конфиги
DT_RT_Text_Config
⚙️ Названия
Default
green
red

  1. Открываем DT_RT_Image и расписываем конфиги
DT_RT_Image_Config
⚙️ Названия
Default
grenade
gun
rifle

  1. Открываем декоратор RichText_image и назначаем в нём DT_RT_Image для того что бы мы смогли его использовать из текста.
Rich Text Block Image Decorator

Работа с Widgets

Открываем Widgets WB_UX_Dead и сохдаём эрархию из

.
└── Size Box
    └── Border
        └── Scale Box
            └── RichText

⚙️ Названия
Size Box
Border
Scale Box
RichText
  • создаём переменные
WB_UX_Dead_param
  • Включаем параметры
WB_UX_Dead_param
⚙️ Названия
P_name_attacks
P_name_loser
P_Image
  • после чего расписываем логику
WB_UX_Dead

Открываем Widgets WB_UI_Menu и создаём эрархию из

.
└── Canvas Panel
    └── VerticalBox

⚙️ Названия
Canvas Panel
VerticalBox
  • создаём переменные
WB_UI_Menu_param
⚙️ Названия
Image_Name
  • после чего расписываем логику
WB_UI_Menu

SPACER

📊 2. Посимвольное появление текста

Info_adding_text
⚙️ Развернуть описание

1

adding_text_1

2

adding_text_2

SPACER

📜 Лицензия

Этот проект распространяется по MIT License


Документация ознакомьтесь с ней

-------> English | Русский <-------

About

simple developments for various tasks

Resources

License

Security policy

Stars

Watchers

Forks

Releases

No releases published

Contributors 2

  •  
  •