1 / 23

To be an Android Expert

앱창작터. To be an Android Expert. 안드로이드 여대생 기초 과정. My Photo Gallery - Part 1. 문양세 , 최미정 강원대학교 IT 대학 컴퓨터학부. 어떤 갤러리를 만드나요 ?. 메뉴. 단계별로 만들어 가요 ~. 단계 1 : Image Viewer 단계 2 : Image Changer 단계 3 : Image Slider 단계 4 : Image Rotator 단계 5 : Image Switcher. 프로젝트 생성 (1/3). 프로젝트 생성 (2/3).

vahe
Download Presentation

To be an Android Expert

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 앱창작터 To be an Android Expert • 안드로이드여대생 기초 과정 My Photo Gallery - Part 1 문양세, 최미정 강원대학교 IT대학 컴퓨터학부

  2. 어떤 갤러리를 만드나요? 메뉴

  3. 단계별로 만들어 가요~ 단계1: Image Viewer 단계2: Image Changer 단계3: Image Slider 단계4: Image Rotator 단계5: Image Switcher

  4. 프로젝트 생성 (1/3)

  5. 프로젝트 생성 (2/3) MyGallery

  6. 프로젝트 생성 (3/3) My.gallery MyGalleryAct

  7. 메인 레이아웃 설계 TextView Button LinearLayout (Vertical) Button Button Button Button

  8. 메인 레이아웃 XML (1/4)

  9. 메인 레이아웃 XML (2/4)

  10. 메인 레이아웃 XML (3/4)

  11. 메인 레이아웃 XML (4/4)

  12. 아이콘을 바꿔 볼까요~

  13. 단계별로 만들어 가요~ 단계1: Image Viewer 단계2: Image Changer 단계3: Image Slider 단계4: Image Rotator 단계5: Image Switcher

  14. 뷰어 레이아웃 및 XML 설계 FrameLayout (Vertical) ImageViewer

  15. 뷰어액티비티– 설명 (1/2) • ImageView의 객체 ID(R.id.img_click_view)를 가져와 초기 화면을 해변 사진(R.drawable.beach1)으로 설정한다. 레이아웃으로 ImageView를 가진 my_viewer.xml을 사용한다.

  16. 뷰어액티비티– 설명 (2/2) 이미지를 클릭하면, 지정된 Drawable인 R.drawable.beach_list가 화면에서 동작한다. 이미지를 클릭했을 때의 이벤트 리스너를 등록한다.

  17. 뷰어액티비티– 코드

  18. drawble/beach_list.xml (1/2) ImageView가 눌렸을 때, 보여주는 이미지 ImageView가 포커싱 되었을 때, 보여주는 이미지 디폴트(ImageView가 눌리지 않았을 때, 보여주는 이미지

  19. drawble/beach_list.xml (2/2)

  20. 메인 액티비티 수정 – 설명 & 코드 버튼(R.id.imgbtn_1)이 클릭되면, 뷰어액티비티(MyViewerAct.class)를 시작한다.

  21. ManifestXML – 수정 새로운 Activity가 추가되었으므로, 이를 Manifest XML 파일에 등록하는 절차이다.

  22. 이제 Image Viewer를 실행해 봐요~ 이미지를 클릭하지 않았을 때 이미지를 클릭했을 때

More Related