터치 스크린에서 동작하는 ScrollView를 TouchScrollWidget 클래스로 만들었다.
TouchToggleButton과 TouchScrollWidget 파일 복사
TouchScrollWidget.hTouchScrollWidget.cpp
TouchToggleButton.h
TouchToggleButton.cpp
파일을 복사하면 다음의 에러가 발생한다.
error C2079: 'UTouchScrollWidget'은(는) 정의되지 않은 class 'UI_TEST_API'을(를) 사용합니다.
헤더 파일 TouchScrollWidget.h, TouchToggleButton.h 파일에서 UI_TEST_API를 UMGDEMO_API로 변경한다.
터치 버튼은 앞장 Touch Button (tutorial17.html)을 참고 한다.
위젯 블루프린트 만들기
위젯 블루프린트를 이용해 BP_ListItem, BP_ScrollBox를 만든다.BP_ListItem : ScrollBox에 추가 할 아이템이다. Touch ToggleButton은 한개 포함 되어 있어야 한다.
BP_ScrollBox : ScrollBox와 버튼이 두개 추가 되어 있는 모음이다.
BP_ScrollBox를 메인 UI에 배치한다.
BP_ListItem에서 한개의 Touch ToggleButton은 꼭 추가 해야 한다. 그래야 TouchScrollWidget에서 메세지를 처리 할수 있다.
BP_ScrollBox에서 ScrollBox의 스크롤바 숨기기
"Scroll Bar Visibility"를 Collapsed로 설정 한다."항상 스크롤바 트랙 표시"를 체크를 해제 한다.
C++ MyScrollWidget 클래스 생성
언리얼 에디터에서 TouchScrollWidget을 상속한 MyScrollWidget을 만든다.BP_ScrollBox의 부모 클래스 설정
BP_ScrollBox의 부모 클래스를 MyScrollWidget로 지정한다.BP_ScrollBox의 TouchScrollWidget 카테고리 속성 지정
"Button Down Name" : 계층구조에서 다운 버튼의 이름을 지정"Button Up Name" : 계층구조에서 업 버튼의 이름을 지정
"Scroll Box Name" : 계층구조에서 ScrollBox의 이름을 지정
C++ UScrollItem 클래스 생성
언리얼 에디터에서 UserWidget을 상속해서 만든다.BP_ListITem
BP_ListItem의 부모 클래스 설정
BP_ListItem의 부모 클래스를 UScrollItem로 지정한다.MyScrollWidget 클래스에서 아이템 추가
아이템을 추가 할때는 UTouchScrollWidget::AddChild 함수를 통해서 추가 해야 한다.헤더
void AddItem(FString str);
void UMyScrollWidget::AddItem(FString str)
{
FStringClassReference SBWidgetRef(TEXT("/Game/UI/BP_ListItem.BP_ListItem_C"));
if (UClass* WidgetClass = SBWidgetRef.TryLoadClass<UUserWidget>())
{
UUserWidget* UserWidget = CreateWidget<UUserWidget>(GetWorld(), WidgetClass);
UScrollItem* ListItem = Cast<UScrollItem>(UserWidget);
if (ListItem)
ListItem->SetItem(str);
UTouchScrollWidget::AddChild(UserWidget);
}
}
void AddItem(FString str);
void UMyScrollWidget::AddItem(FString str)
{
FStringClassReference SBWidgetRef(TEXT("/Game/UI/BP_ListItem.BP_ListItem_C"));
if (UClass* WidgetClass = SBWidgetRef.TryLoadClass<UUserWidget>())
{
UUserWidget* UserWidget = CreateWidget<UUserWidget>(GetWorld(), WidgetClass);
UScrollItem* ListItem = Cast<UScrollItem>(UserWidget);
if (ListItem)
ListItem->SetItem(str);
UTouchScrollWidget::AddChild(UserWidget);
}
}
MyScrollWidget 클래스에서 클릭 처리
ClickItem은 UTouchScrollWidget을 상속한 가상 함수이다.버튼이 클릭 되면 스크린 디버거 메세지를 출력한다.
헤더
virtual void ClickItem(UUserWidget* UserWidget) override;
CPP
void UMyScrollWidget::ClickItem(UUserWidget* Widget)
{
Super::ClickItem(Widget);
if (SelectItemPtr.IsValid())
{
UScrollItem* item = Cast< UScrollItem>(SelectItemPtr.Get());
if (item)
{
FVector2D Scale = FVector2D(3.0f, 3.0f);
GEngine->AddOnScreenDebugMessage(-1, 10.0f, FColor::Red, item->Data_GetText(), true, Scale);
}
}
}
virtual void ClickItem(UUserWidget* UserWidget) override;
CPP
void UMyScrollWidget::ClickItem(UUserWidget* Widget)
{
Super::ClickItem(Widget);
if (SelectItemPtr.IsValid())
{
UScrollItem* item = Cast< UScrollItem>(SelectItemPtr.Get());
if (item)
{
FVector2D Scale = FVector2D(3.0f, 3.0f);
GEngine->AddOnScreenDebugMessage(-1, 10.0f, FColor::Red, item->Data_GetText(), true, Scale);
}
}
}
참고)
터치 스크린이 없을때는 "마우스로 터치 사용"을 체크 하면 마우스로 테스트 할수 있다.
프로젝트 세팅 > 입력 > Mouse Properties > 마우스로 터치 사용
다운로드)
MyScrollWidget.cpp
MyScrollWidget.h
ScrollItem.cpp
ScrollItem.h
TouchScrollWidget.cpp
TouchScrollWidget.h
TouchToggleButton.cpp
TouchToggleButton.h
UMGDemoScroll.zip