[🐣질문] Unity UI interactable text 만들기 질문

[익명(114.205)]

1. 배경

- TMPro.TMP_Text를 사용

- 임의의 문자열 중에서 '특별한' 문자열을 찾아내어 해당 문자의 시작, 끝 index를 저장해놓은 상태

- 다음과 같은 예시에서 '특별한' 문자열은 "가방에" 이며 index는 3~5

- 해당 '특별한' 문자열에 마우스 커서가 올라가면 뭔가 해주어야 함. 다음의 예시에서는 임의의 UI를 켜주고 있다

2. 문제 발생

현재 마우스 포인터와 문자가 겹치는지 찾아오는 방식은 다음과 같다

※FindXxxWord는 사용 불가능※

그런데 여기서 intersecting를 사용해도, Nearest을 사용해도 문제가 발생한다

1) intersecting

> 문자간의 간격이 어느정도 있어 '가'에 마우스를 올리면 UI가 켜졌다가 마우스 커서가 '가' -> '방'으로 이동하면 중간에 빈칸에서 '특별한' 문자열과의 상호작용이 종료되어버렸다가 '방'에 포인터가 올라오면 다시 켜진다

2) Nearest

> 명백히 TMP_Text의 Rect Transform을 벗어났음에도 불구하고 여전히 가장 가까운 문자열을 찾아버리는 바람에 찾아오는 index가 상당히 꼬임

3. 현재 문제 해결 접근 방식

TMP_Text에서 내부적으로 모든 문자의 UI Vertex?라는걸 저장하는 것 같은데

start 문자와 end문자를 알고 있으니 해당 문자의 vertex를 이어 사각형을 만들고 마우스 포인터 position과 겹치는지 검사하는 방식을 생각하고 있다(어떻게 하는지는 아직 모른다)

4. 질문 결론

> 3의 접근 방식이 유효한지? 유효하다면 어떤 함수를 사용하는 것이 좋을지 조언이 가능할지?

> 3의 접근 방식이 아니더라도 좋은 방법이 있다면 그 방법은 무엇인지?

[익명(118.40)]

좌표 알고 있으면 그 위에다 트리거용으로 쓸 투명 Image 쒸울 순 없나?

[익명(114.205)]

가능하나 해상도 변경 등으로 인해 Content Size Fitting중인 TMP Text크기에 맞게 다시 세팅 해주는 과정에서 드는 코스트가 크고 문제 발생 여지가 커보임

[익명(118.43)]

문제 해결 접근방식 유효해보이지만
근데 이런거는 특정 Keyword가 있고 해당 Keyword에 마우스 올렸을때 설명이 나오게끔 하려는거 같은데
https://forum.unity.com/threads/clickable-link-within-a-text.910226/
이런거
조금 응용해서 URL 여는게 아니라 마우스 올렸을때 툴팁띄우게 하면 될거같음

[익명(114.205)]

해당 링크의 답변 중 FindIntersectCharacter는 현재 사용하며 문제가 생긴 솔루션이니 소용 없고 FindXxxWord는 '특별한' 문자열 사이에 공백문자 ' '이 포함될 수 있는데 그걸 parser로 써버려서 해당 문자열에 HTML tag 등 한번 해줄 작업을 두번 세번 해줘야 될 수 있어서 매우 복잡해짐

[익명(118.43)]

FindIntersectCharacter 말고 Link 링크로 하면 문자 단위가 아니라 지정 범위를 링크 걸어버리는 방식이라 본문에 얘기한 문제 발생이 안될것으로 보이는데 나도 직접해본건 아니라서 안될수도 있는데 한번 트라이 ㄱㄱ

[익명(118.43)]

https://cho22.tistory.com/71
여기
설명 잘되어있는듯
여기는 하이퍼 링크를 구현해놨는데
PointerClick이 아니라 PointerEnter를 써서 저 하이퍼 링크 주소를 일종의 StringID로 사용해서 툴팁을 띄워보라는 거였음

[익명(114.205)]

오오 자세히 읽어볼게

[ㅇㅇㄷ(118.43)]

[익명(114.205)]

결과물 자체는 내가 원하는거랑 맞는거같은데 link id라는게 텍스트마다 id 부여해서 그걸 매칭시켜야되는게 많이 걸린다.. 아마 차선책으로 남겨놓고 좀 더 찾아봐야겠음 도와줘서 고마워

[익명(114.205)]

계속 생각해봤는데 너각 소개해준거로 가는게 정답인듯 도와줘서 고맙다 나혼자 몇시간 더 머리 썩혔어야 됐을수도 있었네