한국어

Programming

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

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

디지털 시계를 만들어보겠습니다.

Clock 컴포넌트에서 시스템 시간을 가져올 수 있으므로 아주 쉬운 프로그램입니다.
Designer에서 레이블 4개를 중앙에 배치했습니다. 4가지 방법으로 시간을 표시하려고 합니다.

Sensors 안에 있는 Clock은 시간과 관련된 작업을 할 때 필요한 눈에 보이지 않는 Component입니다. Clock1의 속성은 아래 그림의 오른쪽 속성창에서와 같이 TimerAlwaysFires, TimerEnabled을 체크해주고, TimerInterval = 1000으로 세팅합니다. TimerInterval은 ms(밀리초) 단위이므로 1000은 1초를 의미합니다. 즉 1초에 한번씩 이벤트를 발생시켜줍니다. 
 

Blocks에서는 Label1, Label2, Label3, Label4를 각각 다른 형태로 출력하도록 코딩하겠습니다. 

우선 현재시간은 Clock1.Now 입니다.

call Clock1.FormatDateTime 블록에 instance를 Clock1.Now로 세팅합니다. pattern은 년월일을 각각 다른 형태로 표현하도록 합니다. Label3는 Clock1.FormatDate를 사용하여 날짜만, Label4는 Clock1.FormatTime을 사용하여 시간만 나타냈습니다.
 

실행 화면은 아래 그림과 같습니다. 레이블의 속성을 변경하여 나만의 예쁜 디지털 시계를 만들 수 있겠죠?
 

디지털 시계의 실행 화면

아래 시계는 Screen1의 속성 중 Orientation을 Landscape로 바꾸고 바탕색을 DarkGray, lblTime.TextColor=White로, lblTime.FontSize =70으로 한 것입니다.
 

디지털 시계의 디자인, Screen1의 Orientation = Landscape

  1. [앱인벤터] Sound를 이용한 실로폰 앱

    Date2018.08.27 Bytwin Views47
    Read More
  2. [앱인벤터] 내가 만든 앱을 구글 플레이스토어에 등록하는 방법

    Date2018.08.27 Bytwin Views40
    Read More
  3. [앱인벤터] App Inventor 2 Tips

    Date2018.08.27 Bytwin Views60
    Read More
  4. [앱인벤터] 에뮬레이터, 녹스(nox) 앱플레이어 사용법

    Date2018.08.27 Bytwin Views55
    Read More
  5. [앱인벤터] ActivityStarter 액티비티 스타터를 사용한 여행앱

    Date2018.08.27 Bytwin Views62
    Read More
  6. [앱인벤터] 성적계산기

    Date2018.08.27 Bytwin Views80
    Read More
  7. [앱인벤터] Camera & Share, 사진찍고 메모해서 공유하기

    Date2018.08.27 Bytwin Views54
    Read More
  8. [앱인벤터]Player(플레이어)를 이용한 I have a dream 앱

    Date2018.08.27 Bytwin Views40
    Read More
  9. [앱인벤터] 카메라와 캔버스, PaintPot 앱

    Date2018.08.27 Bytwin Views85
    Read More
  10. [앱 인벤터] 캔버스와 이미지 스프라이트, 두더지잡기 게임(Molemash)

    Date2018.08.27 Bytwin Views57
    Read More
  11. [앱인벤터] 방향센서와 나침반

    Date2018.08.27 Bytwin Views105
    Read More
  12. [앱인벤터2] 캔버스와 이미지스프라이트, Bouncing Ball 예제

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

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

    Date2018.08.27 Bytwin Views418
    Read More
  15. [앱 인벤터2] 알람시계

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

    Date2018.08.27 Bytwin Views410
    Read More
  17. [앱인벤터2] 아날로그 시계 만들기

    Date2018.08.27 Bytwin Views244
    Read More
  18. [앱인벤터2] Clock 센서, 디지털 시계

    Date2018.08.27 Bytwin Views154
    Read More
  19. [앱인벤터2] BMI 계산기

    Date2018.08.27 Bytwin Views79
    Read More
  20. [앱인벤터2 강좌] 만보기앱, Pedometer 센서

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