앱인벤터 강좌 - 합치기 블록 사용하기

앱인벤터 강좌 - 합치기 블록 사용하기


지난 시간에는 텍스트 박스를 하나 만들어 봤는데요

이번에는 두개의 텍스트 박스를 만들어 가각 내용을 하나로 합쳐

음성으로 변환하는 예제를 만들어 보겠습니다.





앱인벤터 합치기 블록 실행 동영상



꼭 알아두기

앱인벤터에는 여러가지 블록들이 있지만 그 중 합치기 블럭도

많이 사용합니다. 꼭  사용방법을 익혀 두는게 좋습니다.


어플리케이션 실행 조건

1. 두개의 텍스트 상자에 문자를 입력한다

2. 버튼을 클릭하면 두개의 텍스트 상자에 내용을 음성으로 변환한다.



화면 구성

▲ 텍스트 상자를 두개 배치를 시키고 버튼 1개를 그림처럼 배치합니다.

그리고 텍스트 상자와 버튼 컴퍼넌트의 이름을 하나 하나 변경해 줍니다.



블록 설정하기

▲ 버튼에서 "언제 실행~" 블록과 음성_변환에서 

"호출 음성_변환 말하기 메세지" 블록을 가져와 위 그림 처럼 배치를 합니다.


▲ 텍스트 블록을 클릭한 다음 2번[합치기]블록을 클릭합니다.

그리고 메세지 안에 블록을 넣습니다.



▲ [합치기]블록에는 홈이 두개가 있는데 

1번 부분을 클릭하면 [문자열] 블록이 나타납니다.

여기서 2번 처럼 [문자열] 블록을 클릭하여 그림과 같이 놓습니다.

그러면 여러개 문자나 숫자를 연결할 수 있습니다.



▲ [문자열]을 이동하여 추가시켜 줍니다.



▲ 블록에서 1번 텍스트 상자를 클릭하여 2번 블록을 선택하고 드래그 하여

첫번체 합치기 홈 안에 넣어줍니다.



▲ 이번에는 빈 텍스트 문자열을 가지고 옵니다.



▲ 그리고 빈 부분을 클릭하여 "와"라는 단어를 입력합니다.



▲ 그리고 두번째 텍스트 상자를 넣습니다.



▲ 이렇게 해도 음성이 나오지만 좋 그렇지요? 하나를 더 추가하겠습니다.



▲ 문자열을 추가 시켜 줍니다.



▲ 천체 코드입니다.

실행을 시키면 "텍스트 입력상자1" "와" "텍스트_입력상자2" "친구입니다."

라고 음성이 들릴것입니다.




이번 앱인벤터에서는 합치기 블럭을 이용하여 

두개의 텍스트 박스에 있는 문자열을 합쳐 보았습니다.


도움이 되셨다면 공감을 꾹~~ 


댓글(0)

Designed by JB FACTORY