한국어

Programming

twin 주소복사
조회 수 1846 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

앱인벤터에서 두개 이상의 스크린을 사용하는 경우가 많이 있습니다. 하나의 스크린에서 두번째 스크린으로 값을 전달할 필요가 있을 때 사용하는 기법을 소개합니다.
 

<그림 1> 여러개의 스크린을 사용하는 예

<그림 1>에서 ①번 부분에서 "Add Screen" 버튼을 눌러서 새로운 스크린을 추가할 수 있습니다. 스크린은 스마트폰의 화면 하나를 의미합니다. 스크린 별로 디자인과 블록코딩을 할 수 있습니다.

하나의 스크린에서 다른 스크린으로 이동할 때는 ②번 Control에서 "Open another screen" 이나 "Open Screen With start value" 블록을 사용합니다. "Open another screen"은 단순히 다른 스크린으로 이동할 때, ③ "Open another screen wth start value"는 다른 스크린으로 이동하며 값을 전달할 때 사용됩니다.

두개의 스크린을 사용하는 예로 구구단 앱을 만들어보겠습니다. 먼저 실행 화면을 보겠습니다.
 

<그림 2> 구구단 앱의 실행 화면

이 앱은 Screen1과 ScreenDan의 두개 스크린으로 구성됩니다. 첫번째 그림은 시작 화면으로 Screen1입니다. 텍스트 상자를 클릭하면 두번째 화면처럼 숫자를 입력하는 키보드가 나타나고 여기에서 3을 입력한 후 "출력" 버튼을 클릭하면 새로운 스크린(ScreenDan)이 열리면서 구구단 3단을 출력하게 됩니다. 

Screen1의 디자인에서 텍스트 상자의 속성을 (1) Hint 에 "원하는 단을 입력하세요" (2) Numbers Only를 체크합니다. (3) TextAlignment는 Center로 합니다. 이렇게 하면 숫자를 입력하기 전에 흐릿한 글씨로 "원하는 단을 입력하세요"라는 힌트가 나오고, 클릭했을 때 숫자 키보드가 보이게 됩니다. 숫자를 입력하면 그림에서 처럼 숫자가 가운데 정렬되어 표시됩니다.

블록코딩을 살펴보겠습니다.

먼저 Screen1의 블록코딩은 <그림 3>과 같이 해줍니다.

<그림 3> Screen1의 블록코딩

텍스트 상자에 값이 들어가 있을 때, "ScreenDan"을 Open해 주는데 이때 txtDan.Text를 전달해줍니다. 즉, 3단을 출력할 때는 3이라는 값을 ScreenDan 화면으로 전달하는 겁니다.

전달된 값은 start value로 받습니다. 이 값은 Control 안에 "get start value" 블록으로 받을 수 있습니다.
 

<그림 4> ScreenDan의 코딩

<그림 4>는 start value를 사용하여 반복문으로 3단을 출력하는 코딩입니다. 반복될 때마다 새로운 줄에 써주어야 하므로 "\n"(백슬래시 n)을 써줍니다. 이 기호는 new line을 의미하는 기호입니다.


  1. MIT App Inventor 2 소개

    Date2017.03.26 Bytwin Views25449
    Read More
  2. [앱인벤터] 리스트를 이용하여 녹음이 되는 실로폰

    Date2018.08.27 Bytwin Views2869
    Read More
  3. 지도에 내 위치 표시하기

    Date2018.09.14 Bytwin Views2862
    Read More
  4. [앱인벤터2] Clock 센서, 디지털 시계

    Date2018.08.27 Bytwin Views2633
    Read More
  5. [앱인벤터] 예제 - 두더지 게임

    Date2018.09.11 Bytwin Views2062
    Read More
  6. [앱인벤터2] 두 개의 스크린 사이의 값 전달, 구구단 예제

    Date2018.08.27 Bytwin Views1846
    Read More
  7. [앱인벤터2] PasswordTextBox와 TinyDB를 사용한 PIN 번호 체크

    Date2018.08.27 Bytwin Views1742
    Read More
  8. [앱인벤터] 위치센서 LocationSensor를 이용한 거리측정기

    Date2018.08.27 Bytwin Views1738
    Read More
  9. [앱 인벤터2] 간단한 계산기

    Date2018.08.30 Bytwin Views1557
    Read More
  10. [앱 인벤터2] 두더지 잡기 게임2

    Date2018.09.14 Bytwin Views1540
    Read More
  11. [앱 인벤터2] 알람시계

    Date2018.08.27 Bytwin Views1508
    Read More
  12. [앱 인벤터2] 우주선게임

    Date2018.08.30 Bytwin Views1494
    Read More
  13. [앱인벤터] ListPicker와 WebViewer를 이용한 내가 즐겨찾는 사이트 앱

    Date2018.08.27 Bytwin Views1465
    Read More
  14. [앱 인벤터2] 위치센서와 문자 보내기, SOS 앱

    Date2018.08.27 Bytwin Views1459
    Read More
  15. [앱인벤터2] Slider를 사용하는 타이머

    Date2018.08.27 Bytwin Views1438
    Read More
  16. 과제알림장 앱 만들기

    Date2018.10.12 Bytwin Views1333
    Read More
  17. 앱인벤터 에뮬레이터 다운 설치

    Date2017.03.26 Bytwin Views1191
    Read More
  18. 스톱워치 만들기

    Date2018.09.14 Bytwin Views1187
    Read More
  19. Korea SW 자료

    Date2017.10.30 Bytwin Views1137
    Read More
  20. [앱인벤터2] 아날로그 시계 만들기

    Date2018.08.27 Bytwin Views1092
    Read More
Board Pagination Prev 1 2 3 Next
/ 3