Kieszonkowy tłumacz

Naszym celem jest zaprojektowanie programu, który umożliwi nam przetłumaczenie  z języka polskiego na angielski i odwrotnie. Dodatkowo do przetłumaczonego tekstu zostanie  dołączony komunikat głosowy.

Na naszym ekranie powinny być umieszczone 4 rodzaje elementów:

- pole w które wpisujemy słowa w języku polskim lub angielskim - TextBox

- 2 przyciski, którymi wskazujemy w jakim języku ma być tłumaczenie - Button

- pole w którym pojawi się przetłumaczony tekst - Label

- narzędzie umożliwiające tłumaczenie - TextToSpeech

- narzędzie umożliwiające komunikaty głosowe - Yandex Translate

po lewej stronie z Palette wybierz TaxtBox i przeciągnij go na obszar Viewer

po prawej stronie ekranu w Properties dokonaj zmian:

• kolor i kształt przycisku

• Hint - umieść napis Wpisz tekst
• Width - ustaw na Fill parent...

• Text - okno pozostaw puste
• TextAlignment  - ustaw center 

Aby móc rozmieścić dwa przyciski obok siebie wykorzystamy Layout / HorizontalArrangement

• odszukujemy po lewej stronie, przeciągamy na Viewer 

• w Properties zmieniamy Width na Fill parent

Dodajemy dwa przyciski 

• po lewej stronie z Palette wybierz Button i przeciągnij go na obszar Viewer

• po prawej stronie ekranu w Components zmień nazwę na tlumacz_na_angielski

• po prawej stronie ekranu w Properties dokonaj zmian:

• kolor i kształt przycisku

• zmieniamy Width na Fill parent (zmieniamy po dodaniu drugiego przycisku)

• Text - wpisz np. na angielski

Tą samą procedurę powtarzamy dla drugiego przycisku. Zmieniamy nazwę na tłumaczenie na język polski.

Wstawiamy pole w którym pojawi się tłumaczony tekst.

• po lewej stronie z Palette wybierz Label przeciągnij go na obszar Viewer pod oba przyciski 

• po prawej stronie ekranu w Components zmień nazwę na Tlumaczenie

• po prawej stronie ekranu w Properties dokonaj zmian:

• kolor i kształt przycisku

• Text - wykasuj tekst, który tam jest (w efekcie na ekranie pozostanie pionowy znak)

po lewej stronie z Media wybierz TextToSpeech przeciągnij go na obszar Viewer. Narzędzie zobaczysz pod ekranem

• po lewej stronie z Media wybierz YandexTranslate przeciągnij go na obszar Viewer.  Narzędzie zobaczysz pod ekranem

• tak samo dołącz kolejny YandexTranslate

Uporządkujemy wygląd naszego ekranu

• kliknij po prawej stronie ekranu w Screen1

• zmień AlignHorizontal na Center 

• w Backgroundlmage wstaw plik graficzny jako tło 

Przechodzimy  do trybu Blocks

• po lewej stronie wybierz  Blocks / Screen1 / tlumacz na angielski. W oknie pojawią się proponowane klocki, wybierz when tlumacz na angielski Click do i przeciągnij na pole robocze

• wybierz  Screen1 / TextToSpeech. Odszukaj set TextToSpeech. Language to i umieść go wewnątrz poprzedniego elementu

• wybierz Built-in/Text. Odszukaj puste pole tekstowe. Wpisz do niego en i potwierdź enterem. Dołącz do poprzedniego elementu

• wybierz  Screen1 / YandexTranslate1. Odszukaj call YandexTranslate.requestTranslation i umieść go pod poprzednim elementem
• wybierz Built-in/Text. Odszukaj puste pole tekstowe. Wpisz do niego pl-en i potwierdź enterem. Dołącz do poprzedniego elementu
• wybierz  Screen1/ TextBox1. Odszukaj TextBox1.Text i dołącz do ostatniego elementu

• wybierz  Screen1 / YandexTranslate1.  Odszukaj when YandexTranslate1.GotTranslation do i umieść go na Viewer

• wybierz  Screen1/ tlumaczenie. Odszukaj set tlumaczenie.Text i dołącz do ostatniego elementu
• powyżej zobaczysz translation, kliknij na niego prawym przyciskiem myszy i wybierz get.translation. Dołącz do poprzedniego polecenia

• wybierz  Screen1 / TextToSpeech1. Odszukaj call TextToSpeech1. Speak message i umieść go pod poprzednim elementem
• wybierz  Screen1/ tlumaczenie. Odszukaj tlumaczenie.Text i dołącz do poprzedniego elementu

• wybierz  Screen1/ TextBox1. Odszukaj set TextBox1.Text to i dołącz do ostatniego polecenia
• wybierz Built-in/Text. Odszukaj puste pole tekstowe. Dołącz do poprzedniego elementu

Wykonaj to samo działanie dla tłumaczenia na język polski wg poniższego przykładu .

Sprawdź działanie programu :)