안드로이드 앱 개발과정 Step1. 기초과정 강사 : 정 훈 희.

Presentation on theme: "안드로이드 앱 개발과정 Step1. 기초과정 강사 : 정 훈 희."— Presentation transcript:

1 안드로이드 앱 개발과정 Step1. 기초과정 강사 : 정 훈 희

2 part 4. 위젯활용과 이벤트처리 part 4. 위젯활용과 이벤트처리 텍스트,버튼 이미지뷰 옵션과 체크박스 어뎁터 뷰-1
2 이미지뷰 3 옵션과 체크박스 4 어뎁터 뷰-1 5 어뎁터 뷰-2(GridView) 6 어뎁터 뷰-3(Gallery)

3 Gallery 4-6. 어뎁터 뷰-3(Gallery)
뷰 객체들을 수평 방향의 목록 형태로 표시 수평 스크롤을 지원하며 이미지를 표시하는데 사용 사용자는 한 항목을 선택해서 일정한 작업을 수행 Gallery속성 속성 설명 Android:animationDuration 레이아웃이 변경될 때 에니메이션 실행되는 시간 Android:Spacing 갤러리 항목 사이의 간격 Android:unselectedAlpha 선택되지 않은 다른 항목들의 투명도 설정

4 getView메소드 4-6. 어뎁터 뷰-3(Gallery)
전체 레이아웃이 아닌 일부분의 화면처리를 위해 사용하는 메소드로써 각 요소를 나타낼때마다 호출됨 갤러리에서 각 그림 요소 하나하나를 배치하기위한 작업에서 getView 메소드 이용하여 효과적인 작업처리 유도 getView메소드 형식과 동작원리 화면표시 -ui 화면에 출력할 이미지 액티비티 어뎁터 객체 어뎁터 뷰- 갤러리 getView(int position, View convertView, ViewGroup parent) 메소드의 각 인자의 의미 position: 0 (이미지 배열에서 “첫째그림”의 index가 0이므로) convertView: 화면에 출력한 “첫째그림”에 대한 뷰 객체(이미지뷰가 되어야 함) Parent: convertView의 부모 뷰, 즉 화면상의 어댑터 뷰 객체 액티비티 CursorAdapter: Cursor로부터 데이터를 selection 위젯에 공급하는 adapter. SimpleAdapter: data를 XML Layout 파일에 지정된 View형태로 표시하는데 사용 함. ActivityAdapter, ActivityIconAdapter: 특정 Intent 발생 시 실행될 activity의 이름이나 아이콘 목록을 위한 adapter. ArrayAdapter: array나 java.util.List에 저장된 data를 위한 adapter.

5 View getView(int position, View convertView, ViewGroup parent)
4-6. 어뎁터 뷰-3(Gallery) View getView(int position, View convertView, ViewGroup parent) 기능 저장된 데이터가 화면에 표시될 때마다 시스템에 의해 자동으로 호출된다. 인수 int position 화면에 표시할 데이터의 저장 공간 상의 위치. ArrayList인 경우 배열의 index View convertView 이전 getView 호출 시 화면 상에 그려졌던 뷰 객체 ViewGroup parent convertView의 부모 view 반환값 View 새로 화면에 그려질 뷰 클릭시 표시될 항목내용이 오는 곳이므로 id정의 getView메소드 활용한 기본적 gallery구현 레이아웃 파일생성 –b-gallery.xml , 이미지를 res- drawable 폴더에 붙여넣기 작업 갤러리에 표시될 이미지 리스트

6 4-6. 어뎁터 뷰-3(Gallery) 2. 액티비티 작업-필요한 패키지 import작업 어뎁터를 사용자가 직접 지정하여 구현하기위해 BaseAdapter임포트 갤러리에 이미지 각각을 배치하기위한 이미지뷰 객체 필요 3. 액티비티의 화면 연동작업과 갤러리 객체선언하고 해당 객체에 결과표시하는 작업구현 갤러리 객체 g, 사용자 지정 어뎁터 객체 adapter 선언 레이아웃 연동 어뎁터 클래스에서 구현한 내용을 갤러리에 표시

7 4-6. 어뎁터 뷰-3(Gallery) 4. ImgAdapter 클래스 구현작업-핵심요소 : 이미지를 배열화하고, 해당 이미지 하나하나를 이미지뷰에 배치하는 작업 이미지 를 gimg 배열로 선언 생성자 선언 – 특정 메소드에 접근 유용하도록 context기술 전체 이미지 개수를 파악하기위한 메소드 각 이미지 항목과 id를 표시하기위한 메소드 5. 각 이미지 하나하나를 화면에 배치하기위한 getview메소드 수행 레이아웃 없이 코드에서 직접 이미지 뷰 객체 선언 텍스트뷰 클래스의 객체 선언 현재 이미지를 이미지뷰에 배치하는데 이미지크기와 상관없이 해당 뷰에 맞추도록 하고, 갤러리에 너비 100, 높이 70으로 배치