동물 울음 소리 앱

이미지1

• 사용자 인터페이스에서 이미지를 추가합니다.
• 오른쪽 하단에 "미디어"에서 파일 올리기 버튼을 클릭해 이미지를 업로드합니다.
• 오른쪽 속성에서 사진을 클릭해 이미지 파일 선택 후 확인 버튼을 클릭합니다.

---

이미지2

• 이미지 사진을 중앙으로 맞추기 위해 컴포넌트에 스크린 속성에서 수평정렬,수직정렬을 가운데로 눌러 줍니다.

---

이미지3

• 레이아웃에서 수평 배치 레이아웃을 하나 꺼내 줍니다.
• 이미지 컴포넌트와 체크박스를 레이아웃 안에 넣어 줍니다.
• 속성에서 수평 정렬 , 수직정렬을 가운데로 맞추어 줍니다.

---

이미지4

• 같은 방법으로 이미지를 하나 더 추가해 줍니다.

---

이미지5

• 버튼 컴포넌트를 한개 추가해서 "울음소리 듣기"로 이름을 바꿔줍니다.
• 미디어에서 소리 컴포넌트를 추가해 줍니다.
• 파일 올리기에서 그림에 해당되는 울음소리를 업로드해줍니다.

 

---

2. 블록 꾸미기

블록 이미지1

• 강아지 블록을 만들어 주고 고양이 불록은 복사해서 이름만 바꾸어 줍니다.

 

---

앱 실행화면

• 앱 실행 시 소리가 나는 것을 확인할 수 있는데 아직 완성된 것이 아니기 때문에 체크박스가 중복이 되는 것을 확인할 수 있습니다.

---

블록 이미지2

• 블록을 추가해 주고 앱을 실행하게 되면 체크박스를 선택했을 때 중복이 안 되는 것을 확인할 수 있습니다.