본문 바로가기
앱인벤터/앱인벤터 컴포넌트

앱인벤터 공통블록-색상 블록

by flycoding 2022. 9. 27.
반응형

앱인벤터 공통블록-색상 블록

 

앱인벤터의 코딩블록에 대해 살펴보고자 한다. 그중에 공통블록에서 제공하는 블록중 색상 블록에 대해 살펴보고자 한다.

색상블록은 화면 디자인에 색상을 지정할 때 주로 사용하는 블록들이다. 색상 블록은 대략 70여 개의 색상을 제공한다.

이 외에도 색상만들기를 통해 더 많은 색을 만들 수 있다.

 

색상 블록

. 색상 블록

기본 색상 블록이다. 작은 정사각형 모양을 하고 있으며 가운데에는 이 블록 안에 내부적으로 저장된 색상을 나타내는 색상이 있다.

가운데 색상을 클릭하면 선택할 수 있는 70가지 색상의 표가 화면에 뜬다. 새 색을 클릭하면 기본 색 블록의 현재 색상이 변경된다.

앱인벤터 색상 블록

 

. 색상 만들기 블록

3개 또는 4개의 숫자의 리스트에서 색을 취한다. 이 목록의 이 숫자들은 RGB 코드의 값을 나타낸다. RGB 코드는 인터넷에서 색을 만드는 데 사용된다. 여기서 RGB 색상 차트를 사용할 수 있다. 이 목록의 첫 번째 숫자는 코드의 R 값을 나타낸다. 두 번째는 G를 나타낸다. 세 번째는 B를 나타낸다. 네 번째 값은 선택 사항이며 알파 값 또는 색상이 얼마나 포화 상태인지를 나타낸다. 기본 알파 값은 100입니다. 다른 값으로 실험하고 이 블록을 사용하여 색상이 어떻게 변하는지 확인해 보는 것을 추천한다.

 

앱인벤터 색상블록 색상만들기 블록

. 색상 분리하기 블록

분할된 색은 색을 만드는 것의 반대이다. 색을 나타내는 구성 요소 중 하나에서 색상 블록, 색상을 보유하는 변수 또는 속성을 가져와서 해당 색상의 RGB 코드의 RGB 값 리스트를 반환한다.

앱인벤터 색상블록 색상분리하기 블록

 

이상으로 앱인벤터 공통블록 중 리스트블록에 대해 간략히 살펴보았다. 좀더 자세히 확인하기 싶으면, 각 블록을 활용한 간단한 예제들을 익히는 것을 추천한다. 눈으로 보는 것보다 직접 해보는게 여러모로 코딩하는데 이해하고 코딩 실력이 향상되는데 도움이 된다.

 

Just Do it!!!

Just Drag&Drop!!!

MagneticFieldSe

 

반응형

댓글