|
0 / 0 / 0
Регистрация: 07.01.2020
Сообщений: 2
|
|
Создание подсказки при наведении курсора на определенное СЛОВО в тексте07.01.2020, 20:16. Показов 7445. Ответов 4
Доброго времени суток уважаемые коллеги..
После довольно продолжительного поиска, все еще не нашел ответа или направления на ответ на свой вопрос( Во многих играх есть такая функция, как отображение подсказки при наведении на какой-то текст. Например в UI статуса персонажа был наложен эффект кровотечения, из-за компактности интерфейса вся информация по этому эффекту скрыта в подсказке. Пользователь может навести курсор на слово "кровотечение" чтобы узнать подробнее, как влияет этот эффект. Сделал небольшой прототип (скриншот), весь текст в черной Panel это один Text, при наведении на цветной текст отображается подсказка. Например (как на скриншоте) при наведении на голубой текст появляется подсказка на белой Panel с текстом "Вы навелись на голубой текст". Если навестись на зеленый, желтый и тд (другой) текст подсказка будет иной. p.s. скриншот - сырые наброски panel в редакторе и Photoshop, это лишь примерный вид того, как должно работать и выглядеть. Буду рад вашим советам в реализации такой функции!) (Зеркало.скриншот)
0
|
|
| 07.01.2020, 20:16 | |
|
Ответы с готовыми решениями:
4
Изменение изображения при наведении курсора в определённое место |
|
3362 / 1775 / 1028
Регистрация: 26.10.2018
Сообщений: 5,204
|
|
| 07.01.2020, 21:09 | |
|
Делаешь префаб подсказки, текст + фон, пишешь скрипт, который при наведении на UI будет создавать префаб, сувать его под канвас, присваивать нужный текст и позицию. Я недавно писал нечто подобное, но там всё через мои костыли, поэтому не получится отсоединить от контекста.
Но работает это вот так: https://www.youtube.com/watch?... e=youtu.be Скрипты показал для наглядности, копировать их смысла нет, потому что для каждой задачи свою нюансы. https://docs.unity3d.com/2019.... ndler.html Добавлено через 3 минуты И да, если надо будет распознавать именно определенное слово, придется как-то разбивать их на отдельные тексты или брать позицию с рейкаста и ориентироваться по ней.
0
|
|
|
0 / 0 / 0
Регистрация: 07.01.2020
Сообщений: 2
|
|
| 07.01.2020, 21:45 [ТС] | |
|
1max1, спасибо за ответ...
Я уже читал "подобные" темы на этом форуме, но все они сводились к отображению подсказки по наведению на конкретный объект, будь то кнопка, панель, любой другой элемент или даже блок в 3D мире. Я уже разобрался в создании ЭТИХ подсказок. На данный момент меня интересует как именно можно сделать подсказку не по UI элементу, а по конкретному контенту в этом элементе. Самое простое, в HTML есть простой тег <span title="Подсказка">, который можно прикрутить вообще ко всему: слову, цифре, символу, даже картинке. (Наглядный пример) Здесь же в Text в свойствах RichText на данный момент ничего полезного, кроме <color=#цвет> я не увидел( Мои видения как можно реализовать: * сделать их слова некликабельную ссылку (кнопку), по наведении на которую будет срабатывать событие с показом подсказки * сделать некую область, если курсор мыши находится в этой области - показывать подсказку Я бы мог попробовать воплотить эти идеи прежде чем писать пост, но вот как интегрировать что-то подобное в простой UI.Text я не знаю, да и вообще стоит ли, если возможно есть более простой способ. Надеюсь пример с HTML тегом дал исчерпывающее понимание, что конкретно требуется)
0
|
|
|
3362 / 1775 / 1028
Регистрация: 26.10.2018
Сообщений: 5,204
|
|
| 07.01.2020, 22:00 | |
|
Вот тут что-то похожее, но я не стал в этом разбираться)
https://deltadreamgames.com/unity-tmp-hyperlinks/
1
|
|
|
|
|||||||||||
| 08.01.2020, 01:36 | |||||||||||
|
красить текст впринципе легко
Кликните здесь для просмотра всего текста
как вывести цвет именно тех букв на которые навели мышку я чтото не вкуриваю пока
0
|
|||||||||||
| 08.01.2020, 01:36 | |
|
Помогаю со студенческими работами здесь
5
Выполнять определенное действие при наведении курсора на элемент управления Создание подсказки по наведению курсора В тексте найти определенное слово Закрасить определенное слово в тексте другим цветом
Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога
Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
|
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
|
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога
В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
|
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога
Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
|
|
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога
Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
|
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога
Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
|
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования.
Часть библиотеки BedvitCOM
Использованы. . .
|
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога
SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
|