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

반응형

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


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

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

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





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

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.



꼭 알아두기

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

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


어플리케이션 실행 조건

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

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



화면 구성

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

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



블록 설정하기

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

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


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

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



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

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

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

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



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



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

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



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



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



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



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



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



▲ 천체 코드입니다.

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

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




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

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


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


반응형

댓글

Designed by JB FACTORY