gsi

본 프로그램은 <<, >> 버튼을 사용해서 화면에 보여지는 4개의 기준 패널을 좌우로 자연스럽게 이동시키는 데모 입니다.
기존에는 이것을 비하인드 코드 단에서 어떻게 해볼려고 삽질을 많이 했는데.
사실 그게 필요가 없을수도 있을거 같내요.

화면에 보여지는 것은 5개이지만 사실 5개의 패널로 구성되어진 것을 보실수 있으며,
선택된 내용을 우측 하단의 반사 효과로 되어 있는 곳에 뿌려 지게 됩니다.

이 부분은 나중에 다르게 변형 가능할거 같구요.

이 모듈을 조금더 확장해서.
이미지 뷰어를 하나 만들어 봐야 할거 같습니다.

<해당 데모>

본 프로그램은 GsiSee의 조금 다른 버젼으로 계획 중이다.

기능은 하단에 해당 이미지 리스트가 있으며 가운데 선택된 이미지가 크게 보이게 되며, 좌우 버튼을 통해서 이미지 선택이 가능하다.

구현할 내용
1. 해당 폴더의 내용을 가져와서 리스트로 만드는 부분 완성하기
2. 버튼으로 좌우 이동하지 않고 마우스를 위치 시키거나 스크롤을 사용해서 처리 가능하게 한다.
3. 이미지 이동시 에니메이션 처리를 해서 자연스럽게 이동되도록 한다.
4. 이동될때 선택된 이미지가 항상 가운데 있어야 하기 때문에 이미지 위치를 계산해서 처리 해야 할거 같다.
5. 이미지가 선택되면 자연스럽게 위에 화면에 나타나도록 한다.
6. 하단의 이미지 슬롯을 Viewport3D의 형태로 구현해서 입체적으로 보이도록 구현한다.

이상 구현 내용이며, 조금씩 업데이트 하도록 하겠습니다.

[파일 데모 설명]
1. 해당 이미지는 6개의 샘플 이미지를 사용한 겁니다. 압축 파일에는 존재 하지 않습니다.
   - 1, 2, 3, 4, 5, 6 jpg 파일을 임의로 만들어서 추가 해야 합니다.

<해당 데모>