본문 바로가기

분류 전체보기589

앱인벤터 날짜선택버튼 컴포넌트 예제-우리가 만난지 며칠 앱인벤터 날짜선택버튼 컴포넌트 예제-우리가 만난지 며칠 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 날짜선택버튼 컴포넌트를 활용한 예제를 만들어보자, 우리가 만난지 며칠 이라는 앱은 다양하게 활용할 수 있다. 육아용으로 우리 아이가 태어난 지 며칠인지, 연인이 만난 날짜를 등록한 후, 만난 지 며칠인지 알 수 있는 앱이다. 이 앱은 프로토타입이고 기능을 더 많이 추가할 수 있다. 추후에 100일, 200일, 1년, 2년 등 주기를 맞추어서 알려주면 이벤트를 할 수 있을 것이다. . 디자이너-화면구성하기 필요한 컴포넌트는 아래와 같다. . 날짜선택 컴포넌트 . 수평배치1 . 레이블1 : 우리가 처음 만난 날 : . 처음만난날 레이블 .. 2021. 10. 11.
앱인벤터-날짜선택버튼 컴포넌트 앱인벤터-날짜선택버튼 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 날짜선택버튼 컴포넌트에 대해 이해하고 실습을 하고자 한다. . 날짜선택버튼 컴포넌트 스마트폰에 날짜를 선택할 수 있는 버튼이다. 버튼을 클릭하면 연도, 월, 일을 선택하는 화면이 나온다. 원하는 연, 월, 일을 선택하고 확인을 누르면 날짜를 변경할 수 있다. 이제 버튼에서 설명했던 중복되는 속성의 값들은 생략할 것이다. 필요하면 버튼 컴포넌트 편을 참고하면 좋을 것 같다. 앱인벤터-버튼 컴포넌트 앱인벤터-버튼 컴포넌트 앱인벤터-버튼 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 .. 2021. 10. 10.
앱인벤터 버튼 컴포넌트 예제 버튼 예제 목적 . 버튼의 다양한 속성의 값을 설정해보는 예제이다. . 예제를 통해 버튼의 속성값을 직접 설정해보고 . 버튼의 블록들을 활용하여 기능을 이해하고 실습해본다. . 예제를 통해 버튼의 기능을 활용할 수 있다. 화면은 모두 버튼 컴포넌트로 구성한다. 화면 제일 위에 있는 '버튼컴포넌트'는 아래 버튼을 클릭할 때마다 결과가 반영이 되는 버튼 컴포넌트이다. 예를 들어 '굵게' 버튼을 클릭하면 '버튼 컴포넌트' 텍스트를 '굵게' 된다. 버튼은 활성화, 굵게, 이탤릭, 글자크게, 글자작게, 높이크게, 높이작게, 너비크게, 너비작게, 버튼이미지 등의 버튼이 있다. . 버튼 활성화 활성화 버튼을 클릭하면 '버튼 컴포넌트'가 활성화되고, 한번 더 클릭하면 비활성화된다. 이런식으로 계속 클릭할 때마다 반전시.. 2021. 10. 4.
앱인벤터-버튼 컴포넌트 앱인벤터-버튼 컴포넌트 앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다. 이번 시간에는 버튼 컴포넌트에 대해 이해하고 실습을 하고자 한다. . 버튼 컴포넌트 스마트폰에 글자와 이미지를 표시할 수 있으며, 특히 사용자의 터치 이벤트를 받아들여 특정한 일들을 할 수 있는 컴포넌트이다. 흔히 버튼 터치에 따라 이벤트를 처리한다고 한다. 팔레트 버튼 컴포넌트는 팔레트에 “사용자 인터페이스”에 있다. 버튼 컴포넌트를 오른쪽 뷰어에 Drag&Drop하면 레이블이 추가된다. 뷰어 아래 그림은 팔레트에서 버튼을 추가하여 뷰어에 나타난 화면이다. 컴포넌트 컴포넌트에는 Screen1아래에 “Button1”이라는 이름의 버튼 컴포넌트가 있다. 컴포넌트영역에서는 Butto.. 2021. 10. 1.

티스토리툴바