본문 바로가기

앱인벤터/앱인벤터 코딩따라하기35

앱인벤터 버튼 컴포넌트 예제 버튼 예제 목적 . 버튼의 다양한 속성의 값을 설정해보는 예제이다. . 예제를 통해 버튼의 속성값을 직접 설정해보고 . 버튼의 블록들을 활용하여 기능을 이해하고 실습해본다. . 예제를 통해 버튼의 기능을 활용할 수 있다. 화면은 모두 버튼 컴포넌트로 구성한다. 화면 제일 위에 있는 '버튼컴포넌트'는 아래 버튼을 클릭할 때마다 결과가 반영이 되는 버튼 컴포넌트이다. 예를 들어 '굵게' 버튼을 클릭하면 '버튼 컴포넌트' 텍스트를 '굵게' 된다. 버튼은 활성화, 굵게, 이탤릭, 글자크게, 글자작게, 높이크게, 높이작게, 너비크게, 너비작게, 버튼이미지 등의 버튼이 있다. . 버튼 활성화 활성화 버튼을 클릭하면 '버튼 컴포넌트'가 활성화되고, 한번 더 클릭하면 비활성화된다. 이런식으로 계속 클릭할 때마다 반전시.. 2021. 10. 4.
앱인벤터 레이블 컴포넌트 예제-애국가 가사 꾸미기 레이블로 애국가 가사 꾸미기 앱인벤터에서 레이블 컴포넌트로 애국가 가사를 꾸며보는 예제 앱입니다. 레이블 컴포넌의 다양한 속성값을 설정하고 레이블 컴포넌트의 블럭들을 활용하여 애국가 가사를 입력하고 서식으로 꾸며서 스마트폰에 표시해보는 앱입니다. 애국가 [1절] 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라 만세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세 [Step1 : 디자이너 속성탭에서 레이블 설정해보기] . 제목 레이블 . 배경색 : 청록색 . 글꼴굵게 : . 글꼴크기 : 30 . 글꼴서체 : 산세리프 . 텍스트 : ‘애국가’ : HTML 태그로 지정하여 설정하기 . 높이 : 35픽셀 . 너비 : 부모요소에 맞추기 2021. 9. 29.
앱인벤터 추석맞이 감사인사앱-캔버스, 버튼, 수평배치 컴포넌트 앱인벤터 추석맞이 감사인사 앱-캔버스, 버튼, 수평배치 컴포넌트 앱인벤터로 스마트폰에 추석맞이 감사 인사 앱을 만들어 부모님과 할아버지께 선물해 보는 것은 어떨까요? 추석맞이 감사인사 앱은 버튼, 수평배치 컴포넌트를 활용하여 간단하게 인사글과 사진 등을 선택하는 앱입니다. 마음을 전하는 앱을 만들어 보는 것은 어떨가요? . 무엇을 만들 것인가? . 화면에 감사 인사 그림을 넣고, 그림을 터치하면 추석 인사 말을 한다. (매우 간단한 앱이다.) . 화면설계 . 그림 업로드 . www.unsplash.com 에서 thanksgiving 혹은 thanks, thankful 등의 검색어로 이미지를 검색하고 마음에 드는 이미지를 다운로드한다. 가능하면 3장(자기 마음대로) 정도 다운로드하고, 파일 이름을 1.jp.. 2021. 9. 24.