꾸숑의 IT 월드

스피너(Spinner)란 사용자가 여러 선택지 중 하나를 고르게 하고 싶을 때 사용하는 컴포넌트이다. 다른 환경에서는 주로 ComboBox라고 불려진다. 이번 시간에는 스피너의 요소 중 하나를 선택하고 그 요소들에 따르는 몇가지 리스트를 버튼에 의해서 옮겨보는 앱을 만들 것이다. 그렇게 함으로써 스피너가 무엇이지 어떻게 사용하는지에 대해 알게 될 것이다. 먼저 아래 디자이너와 같은 화면을 구성한다. 사용자 인터페이스에서 스피너를 끄집어 내서 화면 중간에 배치한다. 레이블로 스피너의 위치를 조정해 주고 레이블 하나는 textView로 이름을 변경해서 글자가 나타나도록 할 것이다. 하단부에는 버튼을 두개 배치해서 버튼으로 글자들을 변경할 수 있도록 한다. 레이아웃과 버튼의 이미지를 설정하는 방법들은 강좌 앞..

앱인벤터2의 사용자 인터페이스 창을 보면 선택 버튼이 3가지가 있다. 날짜 선택 버튼, 목록 선택 버튼, 그리고 시간 선택 버튼이 그것이다. 말 그대로 날짜를 선택할 수 있게 하고 목록중 하나를 선택하게 하고 시간을 선택하게 해 주는 버튼들이다. 왕초보 강좌 3에서 날짜 선택버튼에 대해서 설명을 했는데 이번 시간에는 목록 선택 버튼에 대해서 설명해 보도록 하겠다. 목록 선택버튼으로 해볼 내용은 5가지 과일의 이름을 리스트로 만들고 이 과일의 리스트 중에서 하나를 선택하면 그 선택한 과일의 이름을 버튼아래에 글자로 표시해 보는 것이다. 디자이너 에디터에 목록 선택 버튼 하나를 배치하고 버튼 위의 글자를 '과일 이름 목록 선택'으로 바꾼다. 그리고 레이블을 위아래에 배치해서 목록 선택 버튼의 위치를 조정한다..

레이블의 기능에 대해서 알아보겠다. 앱인벤터2에서 레이블은 약방의 감초처럼 여러곳에서 전천후 활동을 하는 성분중 하나이다. 앱 제작에서 레이블이 여러 가지 역할을 하지만 레이블의 기능을 딱 한마디로 요약하자면 2가지 기능만 한다는 것이다. 우리가 영어 문법을 배울때 be동사의 번역이 '이다, 있다.' 딱 2가지 만 된다고 많이 알고 있는 것처럼 레이블의 역할도 딱 2가지만 있다. 즉 '글쓰기'와 '공간 확보'이다. 그림을 보면서 설명하겠다. 디자이너 에디터에서 위와 같이 레이블과 수평배치 레이아웃, 버튼 4개등을 배치하자. 배치를 하고 나면 수평배치 레이아웃이 상단에 딱 붙어 있는 상태가 될 것이다. 수평배치 레이아웃을 아래로 좀 내리고 싶은 마음이 들 것이다. 이때 레이블을 사용하는 것이다. 수평배치 ..

이번 시간에는 이미지블록을 공부해 보는 시간으로 이미지를 전환하는 방법을 배우면서 이미지 블록의 모든 것을 공부해 보자. 이미지 전환 동영상 이해를 돕기 위해서 오늘 설명하는 내용의 결과 동영상을 미리 보여 주겠다. 동영상 처럼 앱을 켜면 이미지가 왼쪽에서 오른쪽으로 15도 각도로 회전한 상태에서 이동한다. 그리고 화면 중앙의 15도 각도로 회전한 이미지를 클릭하면 이미지가 똑바로 서고 그 다음부터 이미지를 한번씩 클릭 할 때마다 이미지가 바뀐다. 5개의 이미지만 준비되어 있지만 얼마든지 더 많은 수의 이미지를 바꿔가면서 앱을 구성할 수 있다. 팔레트 창에서 이미지 항목을 화면 중앙에 배치한다. 속성창을 보면 Clickable이 있는데 이걸 체크해 줘야 이미지를 클릭하는 것이 먹힌다. 사진 항목의 빈 박..