본문 바로가기

어린이코딩41

앱인벤터-날짜선택버튼 컴포넌트 앱인벤터-날짜선택버튼 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 날짜선택버튼 컴포넌트에 대해 이해하고 실습을 하고자 한다. . 날짜선택버튼 컴포넌트 스마트폰에 날짜를 선택할 수 있는 버튼이다. 버튼을 클릭하면 연도, 월, 일을 선택하는 화면이 나온다. 원하는 연, 월, 일을 선택하고 확인을 누르면 날짜를 변경할 수 있다. 이제 버튼에서 설명했던 중복되는 속성의 값들은 생략할 것이다. 필요하면 버튼 컴포넌트 편을 참고하면 좋을 것 같다. 앱인벤터-버튼 컴포넌트 앱인벤터-버튼 컴포넌트 앱인벤터-버튼 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 .. 2021. 10. 10.
앱인벤터 버튼 컴포넌트 예제 버튼 예제 목적 . 버튼의 다양한 속성의 값을 설정해보는 예제이다. . 예제를 통해 버튼의 속성값을 직접 설정해보고 . 버튼의 블록들을 활용하여 기능을 이해하고 실습해본다. . 예제를 통해 버튼의 기능을 활용할 수 있다. 화면은 모두 버튼 컴포넌트로 구성한다. 화면 제일 위에 있는 '버튼컴포넌트'는 아래 버튼을 클릭할 때마다 결과가 반영이 되는 버튼 컴포넌트이다. 예를 들어 '굵게' 버튼을 클릭하면 '버튼 컴포넌트' 텍스트를 '굵게' 된다. 버튼은 활성화, 굵게, 이탤릭, 글자크게, 글자작게, 높이크게, 높이작게, 너비크게, 너비작게, 버튼이미지 등의 버튼이 있다. . 버튼 활성화 활성화 버튼을 클릭하면 '버튼 컴포넌트'가 활성화되고, 한번 더 클릭하면 비활성화된다. 이런식으로 계속 클릭할 때마다 반전시.. 2021. 10. 4.
앱인벤터-버튼 컴포넌트 앱인벤터-버튼 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 버튼 컴포넌트에 대해 이해하고 실습을 하고자 한다. . 버튼 컴포넌트 스마트폰에 글자와 이미지를 표시할 수 있으며, 특히 사용자의 터치 이벤트를 받아들여 특정한 일들을 할 수 있는 컴포넌트이다. 흔히 버튼 터치에 따라 이벤트를 처리한다고 한다. 팔레트 버튼 컴포넌트는 팔레트에 “사용자 인터페이스”에 있다. 버튼 컴포넌트를 오른쪽 뷰어에 Drag&Drop하면 레이블이 추가된다. 뷰어 아래 그림은 팔레트에서 버튼을 추가하여 뷰어에 나타난 화면이다. 컴포넌트 컴포넌트에는 Screen1아래에 “Button1”이라는 이름의 버튼 컴포넌트가 있다. 컴포넌트영역에서는 Butto.. 2021. 10. 1.
1-13 내 얼굴그리기-그림그리기, 그림멈추기, 붓의굵기정하기,붓의색깔정하기블록 1-13 내 얼굴 그리기-붓 목표 . 그림을 그리기 위한 프로그램을 설계할 수 있다. . 마우스를 클릭했을 때, 그림을 그리도록 설정할 수 있다. . 만든 프로그램을 활용하여 자화상을 그릴 수 있다. 문제 분석, 설계 1단계) 오브젝트 추가로 화면 구성하고 모양탭에서 사진 편집하기 2단계) 연필 그리는 메뉴 설정하기 . 시작하기 버튼을 클릭했을 때 연필오브젝트가 마우스포인터 따라오게 만들기 . 마우스를 클릭했을 때 그리기를 시작하게 만들기 . 클릭을 해제했을 때에는 그리기가 멈추도록 설정하기 3단계) 지우개 메뉴 설정하기 . 색깔상자 오브젝트 추가하기 . 신호 추가하고 신호 발생하면 붓의 색이 랜덤으로 바뀌게 설정하기 . 붓버튼 클릭하면 굵기가 바뀌게, 연필버튼은 리셋되게 설정하기 코딩하기 1단계) 오브.. 2021. 9. 16.