안드로이드 앱 개발과정 Step1. 기초과정 강사 : 정 훈 희
part 4. 위젯활용과 이벤트처리 part 4. 위젯활용과 이벤트처리 텍스트,버튼 이미지뷰 옵션과 체크박스 어뎁터 뷰-1 2 이미지뷰 3 옵션과 체크박스 4 어뎁터 뷰-1 5 어뎁터 뷰-2(GridView) 6 어뎁터 뷰-3(Gallery)
GridView 4-5. 어뎁터 뷰-2 2차원 테이블형식을 이용하여 data를 화면에 표시 GridView속성 속성 설명 4-5. 어뎁터 뷰-2 GridView 2차원 테이블형식을 이용하여 data를 화면에 표시 GridView속성 속성 설명 Android:numColumns 한 행에 나열될 컬럼의갯수 지정(“auto fit”으로 설정하면 자동으로 컬럼개수가 지정됨) Android:verticalSpacing(HorizontalSpacing) 셀 간의 간격으로 verticalSpacing은 상하간격, horizontalSpacing은 좌우간격을 픽셀로 지정 Android:columnWidth 컬럼의 너비를 픽셀로 지정 Android:stretchMode 컬럼갯수를 “auto fit”으로 지정시 남은 좌우 공간을 어떻게 분배할지 결정 값이 columnwidth이면 컬럼에게 골고루 배분
4-4. 어뎁터 뷰 Grid뷰 실습프로그램 아래 화면처럼 그리드 화면 구축과 임의의 항목 클릭시 해당 데이터 내용이 상단에 표시되는 프로그램 구축 How to 어뎁터 구현 1. Main.xml에서 상단의 텍스트 뷰, 그리드 뷰 화면 배치 기술 2. 그리드 뷰에서 각 항목들을 어떻게 화면에 배치할 것인지를 결정하는 텍스트 뷰 레이아웃 파일 생성 3. 자바파일 – 각 아이템을 클릭할 것에 대비한 이벤트 작성을 가능하게 하기위한 인터페이스 상속과 이벤트 구현작업 클릭한 항목내용이 표시 Tip) onItemClickListener - view에 속하는 인터페이스로써 onItemClick() 메소드를 재정의하여 사용 CursorAdapter: Cursor로부터 데이터를 selection 위젯에 공급하는 adapter. SimpleAdapter: data를 XML Layout 파일에 지정된 View형태로 표시하는데 사용 함. ActivityAdapter, ActivityIconAdapter: 특정 Intent 발생 시 실행될 activity의 이름이나 아이콘 목록을 위한 adapter. ArrayAdapter: array나 java.util.List에 저장된 data를 위한 adapter.
4-5. 어뎁터 뷰2 1. main.xml에서 텍스트 뷰, 그리드 뷰 화면배치코딩 클릭시 표시될 항목내용이 오는 곳이므로 id정의 아이디 설정 컬럼갯수를 3으로 지정 (auto fit으로 설정도 해보시길 바랍니다.) 셀 간의 간격 좌우 10, 위아래 20으로 지정
4-5. 어뎁터 뷰2 2. 새 레이아웃 파일 생성 – 그리드 뷰의 각 요소를 나타낼 텍스트 뷰 디자인 파일 그리드에 각 항목내용을 표시할 때 배경색, 글씨색상, 크기 지정 파일이름 : layout_grid01_view.xmml로 지정 3. 액티비티 파일을 연 다음 제일먼저 import작업을 수행. onItemClickListener 인터페이스는 view.View에 속하므로 Import해줘야 함. 위젯관련 import
4-5. 어뎁터 뷰2 4. 현재 액티비티 클래스에 onItemClickListener 인터페이스도 함께 상속받도록 구현하고 아이템에 들어갈 내용을 문자배열 형태로 선언 액티비티 클래스, 어뎁터 뷰의 OnItemClcikListener 인터페이스 모두를 상속 배열명 items 선언 텍스트뷰 클래스의 객체 선언 5. 어뎁터 구현작업수행 그리드뷰에 우리가 생성한 layout_grid01_view.xml의 디자인 모양을 반영 그리드뷰에 생성한 어뎁터를 반영
4-5. 어뎁터 뷰2 6. 그리드뷰에서 한 항목을 선택하는 경우 적절한 이벤트를 위해 onItemClick메소드를 재정의하는 작업 수행 현재 액티비티에서 그리드뷰를 대상으로 클릭리스너 실행 선택한 항목의 번호 배열의 해당위치 내용이 텍스트뷰에 표시
3. 리스트 뷰 등록과 실행작업 4-3. RadioButton 과 CheckBox 레이아웃에서 지정한 리스트 뷰 를 객체와 연동 setAdapter메소드를 통해 어뎁터에서 구현한 내용을 리스트 뷰로 그대로 가져옴 리스트 뷰의 데이터 중 목록선택방법을 기술(여기서는 하나의 목록만 선택하도록 함)