본문 바로가기

Programming/UE4

[UE4]UMG Slider를 이용한 ScrollBox 스크롤

반응형

 UMG에서 ScrollBox에  Child로 여러개를 추가해서 ScrollBox를 넘어가면 스크롤바가 생긴다.

하지만 아무리 검색을 하고 옵션을 찾아봐도 스크롤바의 스타일에 대한 옵션만 나와 있을뿐 이 스크롤바를 이용해서 스크롤을 하는 방법은 나와있지 않다.

 그래서 검색을 해보니 슬라이더를 이용해서 사용할 수 있을 것 같아서 예제를 만들어 보았다.


 슬라이더를 배치하고 Vertical로 설정하고 OnValueChange이벤트를 추가한다.

그리고 스크롤바를 배치하고 스크롤바의 사이즈를 넘어가도록 Child로 추가를 해주면 디자이너탭에서 할일은 끝난다.




아래와 같이 슬라이더의 값이 변할 때 스크롤바의 스크롤의 오프셋을 변경해주면 된다.

MaxScrollBoxHeight에 Value값을 곱해서 오프셋을 변경해도 되지만 그러면 슬라이더 바를 위로 올리면 ScrollBox의 가장 밑으로 내려가게된다.

 그래서 MaxScrollBoxHeight값에서 MaxScrollBoxHeight에 Value를 곱한 값을 빼주면 스크롤바를 위로 올리면 ScrollBox의 가장 위로 가게되고, 스크롤바를 밑으로 내리면 ScrollBox의 가장 밑으로 내려가게 된다.



반응형

'Programming > UE4' 카테고리의 다른 글

CSV파일 데이터 로드  (0) 2019.04.12
[UE4]FString과 std::string간의 변환  (0) 2019.03.14
[UE4]Blueprint Log  (0) 2019.02.09
[UE4]특정 오브젝트를 중심으로 회전  (2) 2019.02.07
애니메이션 몽타주  (0) 2019.02.02