한국어

Programming

2018.09.14 14:26

색상 팔렛트 만들기

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

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

앱인벤터로 색상 팔렛트로 컬러를 만들어 보도록 하겠습니다. 

 

우리가 만들 앱의 기능은 아래와 같습니다. 

 

먼저 화면이 실행되면 랜덤으로 Red , Green, Blue 의 값을 가져옵니다. 

색상보기 버튼을 클릭하면 새로운 창이 열리고 첫번째 화면에서의 색상값(RGB)에 따라 화면 바탕색이 보입니다. 

또 슬라이더에 각 색상별로 현재의 위치를 표시해 줍니다. 

슬라이더를 움직이면 바탕 색이 변경 됩니다. 

적당한 색으로 변경 한 후 뒤로 가기 버튼을 누릅니다. 

다시 첫번째 화면이 보이며 내가 변경한 색상 값이 보여집니다.

   

이제 앱인벤터로 화면 UI 를 구성합니다. 

각 색상 값을 보여줄 textBox 3개를 가져다 놓고 버튼 하나을 올려 놓습니다. 

화면 UI는 아래 화면을 보고 따라 만들면 됩니다. 

두번째 화면을 만들어 줍니다. 두번째 화면은 색상 조절 슬라이더를 올려 놓습니다

색상 슬라이더는 최대 255까지 조정 가능하게 합니다. 

 

이제 블록 프로그램을 만들어 보겠습니다. 

첫번째 화면에서는 앱이 실행되면 바로 랜덤으로 색상값을 생성합니다. 

색상은 0 에서 255까지이므로 randomrbg 함수에서 0과 255사이의 값을 랜덤으로 뽑아냅니다. 

이렇게 색성된 색상값을lst_colorbgb에 넣어두고  textbox 에 표시해 줍니다. 

색상보기 버튼을 클릭하면 colorbgb의 리스트 값을 새창으로 넘겨 주고 새창 scr_colorview 을 열어줍니다. 

 

새로운창 scr_colorview 는 전달받은 값을 받아서 lst_color 에 넣고 화면의 바탕색을 전달받은 값으로 변경 합니다. 

색상 슬라이더가 변경 되면 변경된 값으로 화면의 색상을 변경 합니다. 

뒤로 가기 버튼을 누르면 변경된 값을 다시 첫번째 화면으로 전달 해 줍니다. 

첫번째 화면은 두번째 화면이 전달한 값을 받아서 그 값을 textbox 에 표시 합니다. 

첨부 파일


  1. [앱인벤터2] 말하는 Hello World 앱

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

    Date2018.08.27 Bytwin Views3090
    Read More
  3. [앱인벤터] 리스트를 이용하여 녹음이 되는 실로폰

    Date2018.08.27 Bytwin Views5350
    Read More
  4. [앱인벤터] Sound를 이용한 실로폰 앱

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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