앱인벤터이미지4 앱인벤터 형상놀이 확장 앱 앱인벤터 형상놀이 확장 앱 앱인벤터 홈페이지에 나와 있는 튜터리얼을 참고해서 작성한 것이다. 튜터리얼의 목적은 앱인벤터의 많은 블록은 이해하고 활용할 수 있도록 도와주는 프로그램들로 구성되어 있다. 이 앱은 사용자에게 버튼을 누르면 이미지가 나오고 소리를 플레이 하는 간단한 앱이다. 코끼리 버튼을 클릭하면 코끼리 그림을 이미지에 표시하고 코리기 울음 소리를 플레이한다. 새 버튼을 클릭하면 새 그림을 이미지에 표시하고 새 소리를 플레이한다. 펭귄 버튼을 클릭하면 펭귄 그림을 이미지에 표시하고 펭귄 소리를 플레이한다. 자, 이제 시작해보자... 형상놀이 앱 디자인 아래 화면의 버튼, 코끼리, 새, 펭귄 버튼을 터치하면 각 동물의 그림이 아니고, 각 동물의 울음 소리가 플레이된다. 여기에서는 코끼리, 새, 펭.. 2022. 12. 19. 앱인벤터 이미지스프라이트 컴포넌트 앱인벤터 이미지스프라이트 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 앱인벤터의 이미지스프라이트 컴포넌트를 활용에 대해 알아볼 것이다. 이는 캔버스 내에 움직이는 공 컴포넌트와 유하사면 모양이 공 모양 대신에 이미지로 대치하는 것이다. 볼 컴포넌트와 마찬가지로 시간간격과 속도를 등을 설정하면 이미지는 자동으로 움직인다. . 이미지스프라이트 컴포넌트 그리기&애니메이션 팔레트에서 이미지스프라이트 컴포넌트가 있다. 처음 이미지스프라이트 컴포넌트를 drag&drop하려면 캔버스 컴포넌트를 먼저 추가한 후, 이미지스프라이트를 캔버스 위에 drag&drop한다. 팔레트 이미지스프라이트 컴포넌트는 '그리기&애니메이션'에 있다. 이미지스.. 2022. 2. 24. 앱인벤터-이미지 컴포넌트를 활용하는 예제 앱인벤터-이미지 컴포넌트를 활용하는 예제 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 이미지 컴포넌트의 속성값과 블럭들을 활용하는 예제를 실습한다. . 이미지 컴포넌트 예제를 위한 디자인 본 예제는 이미지 컴포넌트의 속성값을 테스트하기 위한 예제로 이미지 컴포넌트의 블럭들을 활용한 예지이다. 이미지 컴포넌트 이외의 다른 컴포넌트들도 활용하는데, 그냥 따라하며 더 필요하면 해당 컴포넌트의 글을 참고하면 된다. 컴포넌트 . 수평배치 컴포넌트 : 텍슽박스와 버튼 컴포넌트를 한 줄로 수평하게 배치하기 위해 사용하였다. . 텍스트박스 컴포넌트 : alternate text를 입력하는 컴포넌트이다. . 버튼 컴포넌트 : alternate te.. 2021. 10. 11. 앱인벤터-이미지 컴포넌트 앱인벤터 이미지 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 이미지 컴포넌트에 대해 이해하고 실습을 하고자 한다. 이미지 컴포넌트는 스마트폰 화면에 이미지를 표시할 때 사용하는 컴포넌트이다. . 이미지 컴포넌트 스마트폰에 이미지를 표시할 때 사용하는 컴포넌트이다. 이미지 컴포넌트의 속성값과 이미지 컴포넌트의 블럭은 어떤 것이 있는 살펴보자. 팔레트 이미지 컴포넌트는 팔레트에 “사용자 인터페이스”에 있다. 이미지 컴포넌트를 오른쪽 뷰어에 Drag&Drop하면 레이블이 추가된다. 뷰어 아래 그림은 팔레트에서 버튼을 추가하여 뷰어에 나타난 화면이다. 이미지 컴포넌트의 속성값 이미지 컴포넌트의 속성값은 아래와 같다. . Alter.. 2021. 10. 11. 이전 1 다음
