Download presentation
Presentation is loading. Please wait.
2
11. 어댑터뷰 제목
3
리스트뷰와 그리드뷰 활용법을 배운다. 갤러리와 스피너의 사용법을 익힌다.
4
01 리스트뷰와 그리드뷰 02 갤러리와 스피너
5
1. 리스트뷰와 그리드뷰 ▶어댑터뷰 어댑터뷰 AdapterView 하위에 ListView, ExpandableListView, GridView, Spinner, Gallery 등을 묶어서 표현 어댑터뷰를 사용할 때 어댑터뷰의 모양을 설정하고 데이터를 채워주는 ArrayAdapter<T> 클래스를 함께 사용
6
1. 리스트뷰와 그리드뷰 ▶리스트뷰[1/7] 리스트뷰(ListView)
데이터를 리스트 모양으로 보여주며 리스트 중 하나를 선택하는 용도로 사용
![1. 리스트뷰와 그리드뷰 ▶리스트뷰[1/7] 리스트뷰(ListView)](http://slidesplayer.org/slide/16604860/96/images/6/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%5B1%2F7%5D+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%28ListView%29.jpg "데이터를 리스트 모양으로 보여주며 리스트 중 하나를 선택하는 용도로 사용.")
7
1. 리스트뷰와 그리드뷰 ▶리스트뷰[2/7] XML을 이용한 리스트뷰 만들기 리스트뷰를 만드는 형식
리스트뷰에 나열할 내용을 String 배열로 미리 만듦 리스트뷰 변수를 생성하고 XML의 <ListView>에 대응시킴 ArrayAdapter<String>형의 변수를 선언하고, 리스트뷰의 모양과 내용을 ①번 배열로 채움 ④,③번에서 생성한 어레이어댑터를 ②번의 리스트뷰 변수에 적용시킴 리스트뷰의 항목을 클릭했을 때 동작하는 리스너 정의
![1. 리스트뷰와 그리드뷰 ▶리스트뷰[2/7] XML을 이용한 리스트뷰 만들기 리스트뷰를 만드는 형식](http://slidesplayer.org/slide/16604860/96/images/7/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%5B2%2F7%5D+XML%EC%9D%84+%EC%9D%B4%EC%9A%A9%ED%95%9C+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0+%EB%A7%8C%EB%93%A4%EA%B8%B0+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EB%A5%BC+%EB%A7%8C%EB%93%9C%EB%8A%94+%ED%98%95%EC%8B%9D.jpg "리스트뷰에 나열할 내용을 String 배열로 미리 만듦. 리스트뷰 변수를 생성하고 XML의 <ListView>에 대응시킴. ArrayAdapter<String>형의 변수를 선언하고, 리스트뷰의 모양과 내용을 ①번 배열로 채움. ④,③번에서 생성한 어레이어댑터를 ②번의 리스트뷰 변수에 적용시킴. 리스트뷰의 항목을 클릭했을 때 동작하는 리스너 정의.")
8
1. 리스트뷰와 그리드뷰 ▶리스트뷰[3/7] 리스트뷰 기본 예제
![1. 리스트뷰와 그리드뷰 ▶리스트뷰[3/7] 리스트뷰 기본 예제](http://slidesplayer.org/slide/16604860/96/images/8/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%5B3%2F7%5D+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0+%EA%B8%B0%EB%B3%B8+%EC%98%88%EC%A0%9C.jpg "1. 리스트뷰와 그리드뷰 ▶리스트뷰[3/7] 리스트뷰 기본 예제")
9
1. 리스트뷰와 그리드뷰 ▶리스트뷰[4/7] 리스트뷰 기본 예제 Java 코드
![1. 리스트뷰와 그리드뷰 ▶리스트뷰[4/7] 리스트뷰 기본 예제 Java 코드](http://slidesplayer.org/slide/16604860/96/images/9/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%5B4%2F7%5D+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0+%EA%B8%B0%EB%B3%B8+%EC%98%88%EC%A0%9C+Java+%EC%BD%94%EB%93%9C.jpg "1. 리스트뷰와 그리드뷰 ▶리스트뷰[4/7] 리스트뷰 기본 예제 Java 코드")
10
1. 리스트뷰와 그리드뷰 ▶리스트뷰[5/7] 리스트뷰의 다양한 모양 설정
라디오버튼 : simple_list_item_single_choice로 바꿈 체크박스 : simple_list_item_multiple_choice로 둠
![1. 리스트뷰와 그리드뷰 ▶리스트뷰[5/7] 리스트뷰의 다양한 모양 설정](http://slidesplayer.org/slide/16604860/96/images/10/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%5B5%2F7%5D+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%9D%98+%EB%8B%A4%EC%96%91%ED%95%9C+%EB%AA%A8%EC%96%91+%EC%84%A4%EC%A0%95.jpg "라디오버튼 : simple_list_item_single_choice로 바꿈. 체크박스 : simple_list_item_multiple_choice로 둠.")
11
1. 리스트뷰와 그리드뷰 ▶리스트뷰[6/7] 리스트뷰의 동적 추가 〮 삭제 예제
리스트뷰의 항목을 동적으로 추가·삭제하려면 ArrayList<T>를 정의한 후 add( )와 remove( ) 메소드를 사용
![1. 리스트뷰와 그리드뷰 ▶리스트뷰[6/7] 리스트뷰의 동적 추가 〮 삭제 예제](http://slidesplayer.org/slide/16604860/96/images/11/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%5B6%2F7%5D+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%9D%98+%EB%8F%99%EC%A0%81+%EC%B6%94%EA%B0%80+%E3%80%AE+%EC%82%AD%EC%A0%9C+%EC%98%88%EC%A0%9C.jpg "리스트뷰의 항목을 동적으로 추가·삭제하려면 ArrayList<T>를 정의한 후. add( )와 remove( ) 메소드를 사용.")
12
1. 리스트뷰와 그리드뷰 ▶리스트뷰[7/7] 리스트뷰의 동적 추가 〮 삭제 예제 Java 코드
![1. 리스트뷰와 그리드뷰 ▶리스트뷰[7/7] 리스트뷰의 동적 추가 〮 삭제 예제 Java 코드](http://slidesplayer.org/slide/16604860/96/images/12/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%5B7%2F7%5D+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%9D%98+%EB%8F%99%EC%A0%81+%EC%B6%94%EA%B0%80+%E3%80%AE+%EC%82%AD%EC%A0%9C+%EC%98%88%EC%A0%9C+Java+%EC%BD%94%EB%93%9C.jpg "1. 리스트뷰와 그리드뷰 ▶리스트뷰[7/7] 리스트뷰의 동적 추가 〮 삭제 예제 Java 코드")
13
1. 리스트뷰와 그리드뷰 ▶그리드뷰[1/9] 그리드뷰(GridView) 그리드뷰는 사진이나 그림을 격자 모양으로 배치
XML 파일에는 간단히 <GridView>를 넣으면 되지만, Java 코드에는 필요한 내용을 반드시 코딩해주어야 함 특히 <GridView>의 속성 중 열 개수를 지정하는 numColumns는 꼭 필요함
![1. 리스트뷰와 그리드뷰 ▶그리드뷰[1/9] 그리드뷰(GridView) 그리드뷰는 사진이나 그림을 격자 모양으로 배치](http://slidesplayer.org/slide/16604860/96/images/13/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0%5B1%2F9%5D+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0%28GridView%29+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0%EB%8A%94+%EC%82%AC%EC%A7%84%EC%9D%B4%EB%82%98+%EA%B7%B8%EB%A6%BC%EC%9D%84+%EA%B2%A9%EC%9E%90+%EB%AA%A8%EC%96%91%EC%9C%BC%EB%A1%9C+%EB%B0%B0%EC%B9%98.jpg "XML 파일에는 간단히 <GridView>를 넣으면 되지만, Java 코드에는 필요한. 내용을 반드시 코딩해주어야 함. 특히 <GridView>의 속성 중 열 개수를 지정하는 numColumns는 꼭 필요함.")
14
1. 리스트뷰와 그리드뷰 ▶그리드뷰[2/9] 안드로이드 프로젝트 생성 프로젝트 이름 : Project11_1
패키지 이름 : com.cookandroid.project11_1
![1. 리스트뷰와 그리드뷰 ▶그리드뷰[2/9] 안드로이드 프로젝트 생성 프로젝트 이름 : Project11_1](http://slidesplayer.org/slide/16604860/96/images/14/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0%5B2%2F9%5D+%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C+%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8+%EC%83%9D%EC%84%B1+%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8+%EC%9D%B4%EB%A6%84+%3A+Project11_1.jpg "패키지 이름 : com.cookandroid.project11_1.")
15
1. 리스트뷰와 그리드뷰 ▶그리드뷰[3/9] 화면 디자인 및 편집 activity_main.xml에 그리드뷰를 하나 추가
![1. 리스트뷰와 그리드뷰 ▶그리드뷰[3/9] 화면 디자인 및 편집 activity_main.xml에 그리드뷰를 하나 추가](http://slidesplayer.org/slide/16604860/96/images/15/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0%5B3%2F9%5D+%ED%99%94%EB%A9%B4+%EB%94%94%EC%9E%90%EC%9D%B8+%EB%B0%8F+%ED%8E%B8%EC%A7%91+activity_main.xml%EC%97%90+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0%EB%A5%BC+%ED%95%98%EB%82%98+%EC%B6%94%EA%B0%80.jpg "1. 리스트뷰와 그리드뷰 ▶그리드뷰[3/9] 화면 디자인 및 편집 activity_main.xml에 그리드뷰를 하나 추가")
16
1. 리스트뷰와 그리드뷰 ▶그리드뷰[4/9] 그리드뷰의 작은 사진을 클릭하면 큰 사진이 나오는 대화상자용 XML (dialog.xml) 만듦 dialog.xml에 이미지뷰를 1개만 생성 영화 포스터로 사용할 이미지 10개를 /res/drawable-hdpi에 복사
![1. 리스트뷰와 그리드뷰 ▶그리드뷰[4/9] 그리드뷰의 작은 사진을 클릭하면 큰 사진이 나오는 대화상자용 XML (dialog.xml) 만듦. dialog.xml에 이미지뷰를 1개만 생성.](http://slidesplayer.org/slide/16604860/96/images/16/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0%5B4%2F9%5D+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0%EC%9D%98+%EC%9E%91%EC%9D%80+%EC%82%AC%EC%A7%84%EC%9D%84+%ED%81%B4%EB%A6%AD%ED%95%98%EB%A9%B4+%ED%81%B0+%EC%82%AC%EC%A7%84%EC%9D%B4+%EB%82%98%EC%98%A4%EB%8A%94+%EB%8C%80%ED%99%94%EC%83%81%EC%9E%90%EC%9A%A9+XML+%28dialog.xml%29+%EB%A7%8C%EB%93%A6.+dialog.xml%EC%97%90+%EC%9D%B4%EB%AF%B8%EC%A7%80%EB%B7%B0%EB%A5%BC+1%EA%B0%9C%EB%A7%8C+%EC%83%9D%EC%84%B1..jpg "영화 포스터로 사용할 이미지 10개를 /res/drawable-hdpi에 복사.")
17
1. 리스트뷰와 그리드뷰 ▶그리드뷰[5/9] Java 코드 작성 및 수정
메인 액티비티에서 BaseAdapter의 상속을 받는 MyGridAdapter를 정의 activity_main.xml의 그리드뷰에 MyGridAdapter 변수를 적용
![1. 리스트뷰와 그리드뷰 ▶그리드뷰[5/9] Java 코드 작성 및 수정](http://slidesplayer.org/slide/16604860/96/images/17/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0%5B5%2F9%5D+Java+%EC%BD%94%EB%93%9C+%EC%9E%91%EC%84%B1+%EB%B0%8F+%EC%88%98%EC%A0%95.jpg "메인 액티비티에서 BaseAdapter의 상속을 받는 MyGridAdapter를 정의. activity_main.xml의 그리드뷰에 MyGridAdapter 변수를 적용.")
18
1. 리스트뷰와 그리드뷰 ▶그리드뷰[6/9] Java 코드 작성 및 수정 영화 포스터 그림 파일의 ID를 배열로 지정
![1. 리스트뷰와 그리드뷰 ▶그리드뷰[6/9] Java 코드 작성 및 수정 영화 포스터 그림 파일의 ID를 배열로 지정](http://slidesplayer.org/slide/16604860/96/images/18/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0%5B6%2F9%5D+Java+%EC%BD%94%EB%93%9C+%EC%9E%91%EC%84%B1+%EB%B0%8F+%EC%88%98%EC%A0%95+%EC%98%81%ED%99%94+%ED%8F%AC%EC%8A%A4%ED%84%B0+%EA%B7%B8%EB%A6%BC+%ED%8C%8C%EC%9D%BC%EC%9D%98+ID%EB%A5%BC+%EB%B0%B0%EC%97%B4%EB%A1%9C+%EC%A7%80%EC%A0%95.jpg "1. 리스트뷰와 그리드뷰 ▶그리드뷰[6/9] Java 코드 작성 및 수정 영화 포스터 그림 파일의 ID를 배열로 지정")
19
1. 리스트뷰와 그리드뷰 ▶그리드뷰[7/9] Java 코드 작성 및 수정
getCount( ) : 그리드뷰에 보여질 이미지의 개수를 반환하도록 수정 getView( ) : 영화 포스터를 각 그리드뷰의 칸마다 이미지뷰를 생성해서 보여주게 함
![1. 리스트뷰와 그리드뷰 ▶그리드뷰[7/9] Java 코드 작성 및 수정](http://slidesplayer.org/slide/16604860/96/images/19/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0%5B7%2F9%5D+Java+%EC%BD%94%EB%93%9C+%EC%9E%91%EC%84%B1+%EB%B0%8F+%EC%88%98%EC%A0%95.jpg "getCount( ) : 그리드뷰에 보여질 이미지의 개수를 반환하도록 수정. getView( ) : 영화 포스터를 각 그리드뷰의 칸마다 이미지뷰를 생성해서 보여주게 함.")
20
1. 리스트뷰와 그리드뷰 ▶그리드뷰[8/9] Java 코드 작성 및 수정
각 영화를 클릭하면 대화상자가 나오고 영화 포스터의 원래 크기가 보여지도록 함
![1. 리스트뷰와 그리드뷰 ▶그리드뷰[8/9] Java 코드 작성 및 수정](http://slidesplayer.org/slide/16604860/96/images/20/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0%5B8%2F9%5D+Java+%EC%BD%94%EB%93%9C+%EC%9E%91%EC%84%B1+%EB%B0%8F+%EC%88%98%EC%A0%95.jpg "각 영화를 클릭하면 대화상자가 나오고 영화 포스터의 원래 크기가 보여지도록 함.")
21
1. 리스트뷰와 그리드뷰 ▶그리드뷰[9/9]
![1. 리스트뷰와 그리드뷰 ▶그리드뷰[9/9]](http://slidesplayer.org/slide/16604860/96/images/21/1.+%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%99%80+%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0+%E2%96%B6%EA%B7%B8%EB%A6%AC%EB%93%9C%EB%B7%B0%5B9%2F9%5D.jpg "1. 리스트뷰와 그리드뷰 ▶그리드뷰[9/9]")
22
2. 갤러리와 스피너 ▶갤러리[1/7] 갤러리(Gallery) 사진이나 이미지를 배치하고 좌우로 스크롤해서 볼 수 있도록 해줌
이미지 목록을 스크롤하는 기능만 있으므로 이미지를 클릭하면 큰 이미지를 보이게 하는 방법은 Java 코드를 추가하여 사용
![2. 갤러리와 스피너 ▶갤러리[1/7] 갤러리(Gallery) 사진이나 이미지를 배치하고 좌우로 스크롤해서 볼 수 있도록 해줌](http://slidesplayer.org/slide/16604860/96/images/22/2.+%EA%B0%A4%EB%9F%AC%EB%A6%AC%EC%99%80+%EC%8A%A4%ED%94%BC%EB%84%88+%E2%96%B6%EA%B0%A4%EB%9F%AC%EB%A6%AC%5B1%2F7%5D+%EA%B0%A4%EB%9F%AC%EB%A6%AC%28Gallery%29+%EC%82%AC%EC%A7%84%EC%9D%B4%EB%82%98+%EC%9D%B4%EB%AF%B8%EC%A7%80%EB%A5%BC+%EB%B0%B0%EC%B9%98%ED%95%98%EA%B3%A0+%EC%A2%8C%EC%9A%B0%EB%A1%9C+%EC%8A%A4%ED%81%AC%EB%A1%A4%ED%95%B4%EC%84%9C+%EB%B3%BC+%EC%88%98+%EC%9E%88%EB%8F%84%EB%A1%9D+%ED%95%B4%EC%A4%8C.jpg "이미지 목록을 스크롤하는 기능만 있으므로 이미지를 클릭하면 큰 이미지를. 보이게 하는 방법은 Java 코드를 추가하여 사용.")
23
2. 갤러리와 스피너 ▶갤러리[2/7] 안드로이드 프로젝트 생성 프로젝트 이름 : Project11_2
패키지 이름 : com.cookandroid.project11_2
![2. 갤러리와 스피너 ▶갤러리[2/7] 안드로이드 프로젝트 생성 프로젝트 이름 : Project11_2](http://slidesplayer.org/slide/16604860/96/images/23/2.+%EA%B0%A4%EB%9F%AC%EB%A6%AC%EC%99%80+%EC%8A%A4%ED%94%BC%EB%84%88+%E2%96%B6%EA%B0%A4%EB%9F%AC%EB%A6%AC%5B2%2F7%5D+%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C+%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8+%EC%83%9D%EC%84%B1+%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8+%EC%9D%B4%EB%A6%84+%3A+Project11_2.jpg "패키지 이름 : com.cookandroid.project11_2.")
24
2. 갤러리와 스피너 ▶갤러리[3/7] 화면 디자인 및 편집 activity_main.xml에 갤러리와 이미지뷰를 추가
영화 포스터로 사용할 이미지 10개를 /res/drawable-hdpi에 복사
![2. 갤러리와 스피너 ▶갤러리[3/7] 화면 디자인 및 편집 activity_main.xml에 갤러리와 이미지뷰를 추가](http://slidesplayer.org/slide/16604860/96/images/24/2.+%EA%B0%A4%EB%9F%AC%EB%A6%AC%EC%99%80+%EC%8A%A4%ED%94%BC%EB%84%88+%E2%96%B6%EA%B0%A4%EB%9F%AC%EB%A6%AC%5B3%2F7%5D+%ED%99%94%EB%A9%B4+%EB%94%94%EC%9E%90%EC%9D%B8+%EB%B0%8F+%ED%8E%B8%EC%A7%91+activity_main.xml%EC%97%90+%EA%B0%A4%EB%9F%AC%EB%A6%AC%EC%99%80+%EC%9D%B4%EB%AF%B8%EC%A7%80%EB%B7%B0%EB%A5%BC+%EC%B6%94%EA%B0%80.jpg "영화 포스터로 사용할 이미지 10개를 /res/drawable-hdpi에 복사.")
25
2. 갤러리와 스피너 ▶갤러리[4/7] Java 코드 작성 및 수정
메인 액티비티에서 BaseAdapter를 상속받는 MyGalleryAdapter를 정의 activity_main.xml의 그리드뷰에 MyGalleryAdapter 변수를 적용시킴
![2. 갤러리와 스피너 ▶갤러리[4/7] Java 코드 작성 및 수정](http://slidesplayer.org/slide/16604860/96/images/25/2.+%EA%B0%A4%EB%9F%AC%EB%A6%AC%EC%99%80+%EC%8A%A4%ED%94%BC%EB%84%88+%E2%96%B6%EA%B0%A4%EB%9F%AC%EB%A6%AC%5B4%2F7%5D+Java+%EC%BD%94%EB%93%9C+%EC%9E%91%EC%84%B1+%EB%B0%8F+%EC%88%98%EC%A0%95.jpg "메인 액티비티에서 BaseAdapter를 상속받는 MyGalleryAdapter를 정의. activity_main.xml의 그리드뷰에 MyGalleryAdapter 변수를 적용시킴.")
26
2. 갤러리와 스피너 ▶갤러리[5/7] Java 코드 작성 및 수정 getCount( )와 getView( ) 메소드를 수정
![2. 갤러리와 스피너 ▶갤러리[5/7] Java 코드 작성 및 수정 getCount( )와 getView( ) 메소드를 수정](http://slidesplayer.org/slide/16604860/96/images/26/2.+%EA%B0%A4%EB%9F%AC%EB%A6%AC%EC%99%80+%EC%8A%A4%ED%94%BC%EB%84%88+%E2%96%B6%EA%B0%A4%EB%9F%AC%EB%A6%AC%5B5%2F7%5D+Java+%EC%BD%94%EB%93%9C+%EC%9E%91%EC%84%B1+%EB%B0%8F+%EC%88%98%EC%A0%95+getCount%28+%29%EC%99%80+getView%28+%29+%EB%A9%94%EC%86%8C%EB%93%9C%EB%A5%BC+%EC%88%98%EC%A0%95.jpg "2. 갤러리와 스피너 ▶갤러리[5/7] Java 코드 작성 및 수정 getCount( )와 getView( ) 메소드를 수정")
27
2. 갤러리와 스피너 ▶갤러리[6/7] Java 코드 작성 및 수정
갤러리의 영화를 클릭하면 아래쪽 이미지뷰에 포스터가 원래 크기로 보여지도록 함
![2. 갤러리와 스피너 ▶갤러리[6/7] Java 코드 작성 및 수정](http://slidesplayer.org/slide/16604860/96/images/27/2.+%EA%B0%A4%EB%9F%AC%EB%A6%AC%EC%99%80+%EC%8A%A4%ED%94%BC%EB%84%88+%E2%96%B6%EA%B0%A4%EB%9F%AC%EB%A6%AC%5B6%2F7%5D+Java+%EC%BD%94%EB%93%9C+%EC%9E%91%EC%84%B1+%EB%B0%8F+%EC%88%98%EC%A0%95.jpg "갤러리의 영화를 클릭하면 아래쪽 이미지뷰에 포스터가 원래 크기로 보여지도록 함.")
28
2. 갤러리와 스피너 ▶갤러리[7/7]
![2. 갤러리와 스피너 ▶갤러리[7/7]](http://slidesplayer.org/slide/16604860/96/images/28/2.+%EA%B0%A4%EB%9F%AC%EB%A6%AC%EC%99%80+%EC%8A%A4%ED%94%BC%EB%84%88+%E2%96%B6%EA%B0%A4%EB%9F%AC%EB%A6%AC%5B7%2F7%5D.jpg "2. 갤러리와 스피너 ▶갤러리[7/7]")
29
2. 갤러리와 스피너 ▶스피너[1/3] 스피너(Spinner) 스피너 기본 예제
PC의 드롭 다운(Drop Down) 박스와 비슷한 기능을 함 스피너 기본 예제
![2. 갤러리와 스피너 ▶스피너[1/3] 스피너(Spinner) 스피너 기본 예제](http://slidesplayer.org/slide/16604860/96/images/29/2.+%EA%B0%A4%EB%9F%AC%EB%A6%AC%EC%99%80+%EC%8A%A4%ED%94%BC%EB%84%88+%E2%96%B6%EC%8A%A4%ED%94%BC%EB%84%88%5B1%2F3%5D+%EC%8A%A4%ED%94%BC%EB%84%88%28Spinner%29+%EC%8A%A4%ED%94%BC%EB%84%88+%EA%B8%B0%EB%B3%B8+%EC%98%88%EC%A0%9C.jpg "PC의 드롭 다운(Drop Down) 박스와 비슷한 기능을 함. 스피너 기본 예제.")
30
2. 갤러리와 스피너 ▶스피너[2/3] 스피너 기본 예제 Java 코드
![2. 갤러리와 스피너 ▶스피너[2/3] 스피너 기본 예제 Java 코드](http://slidesplayer.org/slide/16604860/96/images/30/2.+%EA%B0%A4%EB%9F%AC%EB%A6%AC%EC%99%80+%EC%8A%A4%ED%94%BC%EB%84%88+%E2%96%B6%EC%8A%A4%ED%94%BC%EB%84%88%5B2%2F3%5D+%EC%8A%A4%ED%94%BC%EB%84%88+%EA%B8%B0%EB%B3%B8+%EC%98%88%EC%A0%9C+Java+%EC%BD%94%EB%93%9C.jpg "2. 갤러리와 스피너 ▶스피너[2/3] 스피너 기본 예제 Java 코드")
31
2. 갤러리와 스피너 ▶스피너[3/3]
![2. 갤러리와 스피너 ▶스피너[3/3]](http://slidesplayer.org/slide/16604860/96/images/31/2.+%EA%B0%A4%EB%9F%AC%EB%A6%AC%EC%99%80+%EC%8A%A4%ED%94%BC%EB%84%88+%E2%96%B6%EC%8A%A4%ED%94%BC%EB%84%88%5B3%2F3%5D.jpg "2. 갤러리와 스피너 ▶스피너[3/3]")
Similar presentations
![1/55 4.2 편집 기능 사용하기 – 실습 1 글자 모양을 바꾸고 싶은 곳을 블록 설정 [ 글자 모양 ] 대화 상자에서 [ 글꼴 ] ‘ 궁서체 ’, [ 글자 색 ] ‘ 토마토색 ’ 으로 선택 → [ 설정 ] 클릭 → 글자 모양 변경.](/40/11034426/big_thumb.jpg "1/55 4.2 편집 기능 사용하기 – 실습 1 글자 모양을 바꾸고 싶은 곳을 블록 설정 [ 글자 모양 ] 대화 상자에서 [ 글꼴 ] ‘ 궁서체 ’, [ 글자 색 ] ‘ 토마토색 ’ 으로 선택 → [ 설정 ] 클릭 → 글자 모양 변경.>")
