[Java] Navigation 이용한 Photos SlideShow App with 안드로이드
[Java] Navigator 이용한 Photos SlideShow App
📌 개요
Navigation목록에 Slideshow를 클릭하면 저장된 사진들을 마우스 이벤트에 따라 SlideShow로 보여주며, 사용자가 입력한 번호에 따라 사진을 보여주기도 하는 Slideshow Application이다.
📌 실행 동영상
📌 기능
Home
- 바로가기 버튼인 NavigationDrawer을 누르면 프로필과 메뉴 2가지가 뜬다.
SlideShow
- 입력창에 1~30의 번호만을 입력할 수 있으며, 그에 맞는 이미지를 이동시켜 보여준다.
- 1~30외 번호를 입력 시 경고 팝업 메세지가 뜬다.
- 사진 이동시 입력창의 번호도 변경된다.
- 오른쪽/왼쪽으로 마우스 드래그로 사진이동이 가능하다.
📌 중요한 코드 설명
viewPager2 🔑
viewPager2는 이미지를 마우스 드래그에 따라 슬라이드로 이동시킬수 있게 해주는 view이다. 이것은 기능을 생성하는 Java에서 PagerAdapter를 상속해야하는데 마우스의 드래그가 일어나면 이벤트 처리를 해준다. 이러한 어뎁터로 Fragment를 생성하여 viewpager2에 계속 추가를 해준다.
즉 viewPager2를 slideshow.xml에서 추가해준뒤 그안에 넣을 Fragment에 해당하는 xml,java 도 생성해주어야한다.
fragment에 해당하는 것을 FragmentStateAdapter안에 넣어주기위해 FragmentStateAdapter 상속받는 어뎁터 class도 생성해야함. (아래 사진과같은 툴 class이름은 무관 Innerclass로 생성해도되고 밖에 생성해도됨)
createFragment 메소드: 이게 중요한데 이부분에서 원하는 image를 넣은 fragment를 retrun해주면 그 이미지로 슬라이딩 되는 원리이다. 그렇다면 어떻게? (아래 이미지 Id를 가져오는 함수를 이용하면 쉬움)
getItemCount 메소드 : 그냥 슬라이딩대상의 사진이 총 몇개인지 리턴 . 이 프로젝트에선 30이 리턴되야됨.
이미지 Id 가져오기 🔑
in drawable_id = getResources().getIdentifier("리소스이름", "drawable", getContext().getPackageName());getIdentifier 메소드는 리소스이름을 가지는 Drawable 폴더의 고유 아이디를 리턴한다.
고유아이디를 손쉽게 알아오면 그아이디를 이용하여 이미지뷰에 이미지를 변경할 수 있다.
응용하면 위에 createFragment 메소드에서
이렇게 return해주면, 클래스 필드이용하여 복잡하게 id를 가져올 필요없이 쉽게 바뀌는 것. 꿀팁
참고 : ImageViewFragment는 Fragment를 상속받는 class임 (보라색 형광펜 색칠한부분에서 class 생성한 그 클래스의 객체)
setOnEditorActionListener (EditText에 이벤트 리스너)
입력창은 사용자가 입력할때마다 바뀌어야한다. 그래서 이벤트 리스너를 달아주어야하는데 사실 나는 다른것을 이용했지만 밑에 API를 이용하는 것이 정석적이고 좀 더 쉽다.
editText.setOnEditorActionListener(new OnEditorActionListener() {
@Override
public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {
switch (actionId) {
case EditorInfo.IME_ACTION_SEARCH:
Toast.makeText(getApplicationContext(), "검색", Toast.LENGTH_LONG).show();
break;
default:
Toast.makeText(getApplicationContext(), "기본", Toast.LENGTH_LONG).show();
return false;
}
return true;
}
});
v는 현재 editText를 TextView로 가져오며 v.getText로 내용을 가지고와서 1~30까지인지 검사 . 1~30까지라면 viewPager2에 setCurrentItem(int id) 메소드에 넣으면 자동으로 그 페이지로 변경됨
viewPager2.setCurrentItem(int id)
id에 해당하는 pager로 이동됨
viewPager2.registerOnPageChangeCallback()
page가 바뀌면 실행되는 함수. 페이지가 바뀌면 입력창의 번호도 바뀌어야하기때문에 이 함수가 필요함.