본문 바로가기

분류 전체보기589

앱인벤터 레이블 컴포넌트 예제-애국가 가사 꾸미기 레이블로 애국가 가사 꾸미기 앱인벤터에서 레이블 컴포넌트로 애국가 가사를 꾸며보는 예제 앱입니다. 레이블 컴포넌의 다양한 속성값을 설정하고 레이블 컴포넌트의 블럭들을 활용하여 애국가 가사를 입력하고 서식으로 꾸며서 스마트폰에 표시해보는 앱입니다. 애국가 [1절] 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세 [Step1 : 디자이너 속성탭에서 레이블 설정해보기] . 제목 레이블 . 배경색 : 청록색 . 글꼴굵게 : . 글꼴크기 : 30 . 글꼴서체 : 산세리프 . 텍스트 : ‘애국가’ : HTML 태그로 지정하여 설정하기 . 높이 : 35픽셀 . 너비 : 부모요소에 맞추기 2021. 9. 29.
앱인벤터-레이블 컴포넌트 속성과 블록 레이블 컴포넌트 속성과 블럭 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 버튼과 레이블 컴포넌트에 대해 이해하고 실습을 하고자 한다. . 레이블 컴포넌트 스마트폰에 글자를 표시할 때 사용하는 컴포넌트이다. 팔레트 레이블 컴포넌트는 팔레트에 “사용자 인터페이스”에 있다. 레이블 컴포넌트를 오른쪽 뷰어에 Drag&Drop하면 레이블이 추가된다. 뷰어 추가했을 때, 기본적으로 “레이블1의 텍스트”라는 글자가 뷰어 화면에 출력된다. 컴포넌트 컴포넌트에는 Screen1아래에 “레이블1”이라는 이름의 레이블 컴포넌트가 있다. 컴포넌트영역에서는 레이블1의 ‘이름바꾸기’와 ‘삭제’를 할 수 있다. 레이블1 이름을 의미가 있는 이름으로 변경하는 것.. 2021. 9. 28.
앱인벤터 추석맞이 감사인사앱-캔버스, 버튼, 수평배치 컴포넌트 앱인벤터 추석맞이 감사인사 앱-캔버스, 버튼, 수평배치 컴포넌트 앱인벤터로 스마트폰에 추석맞이 감사 인사 앱을 만들어 부모님과 할아버지께 선물해 보는 것은 어떨까요? 추석맞이 감사인사 앱은 버튼, 수평배치 컴포넌트를 활용하여 간단하게 인사글과 사진 등을 선택하는 앱입니다. 마음을 전하는 앱을 만들어 보는 것은 어떨가요? . 무엇을 만들 것인가? . 화면에 감사 인사 그림을 넣고, 그림을 터치하면 추석 인사 말을 한다. (매우 간단한 앱이다.) . 화면설계 . 그림 업로드 . www.unsplash.com 에서 thanksgiving 혹은 thanks, thankful 등의 검색어로 이미지를 검색하고 마음에 드는 이미지를 다운로드한다. 가능하면 3장(자기 마음대로) 정도 다운로드하고, 파일 이름을 1.jp.. 2021. 9. 24.
1-14 스탬프 도장찍기-도장찍기, 다음모양으로바꾸기, 색깔효과를 정하기, 좌우모양뒤집기 블록 1-14 스탬프 도장찍기-도장찍기, 다음모양으로바꾸기, 색깔효과를 정하기, 좌우모양뒤집기 블록 목표 . 자신이 원하는 모양의 스탬프를 만든다. . 패턴을 찍는 프로그램을 설계할 수 있다. 문제 분석, 설계 1단계) 자신이 만들고 싶은 스탬프 구상하여 무늬 만들기 2단계) 스탬프가 마우스를 따라다니도록 구성하기 . '계속 반복하기'와 '마우스 포인터로 이동하기' 블록을 활용하여 스탬프가 마우스를 따라 다니도록 설계한다. . '도장찍기' 블록이 설정된 각도로 회전하며 스탬프 모양을 찍기 . 각도와 반복횟수, 기준점을 조절하여 원하는 패턴 만들기 3단계) 스탬프 모양추가하고 키와 연결하여 변화주기 . 모양탭에서 모양추가를 누르고 원하는 이미지 추가하기 . 키보드의 특정키를 누르면 모양이 변하도록 설정하기 4단.. 2021. 9. 17.