【DroidScript】 스마트 폰으로 스마트 폰 앱 만들기 ② 배경 및 텍스트 추가

줄거리

DroidScript라는 앱을 사용하면 javascript 기반 기술로 스마트 폰 앱을 만들 수있는 것 같기 때문에 연습으로 "전자 레인지 와트 수로 가열 시간을 환산하는 앱"을 만든다.

마지막 회의

버튼을 탭하면 「Hollo World!」라고 표시되는 샘플 앱의 코드를 보았다.
스마트폰으로 스마트폰 앱 만들기 ① Hello World!

분명히 lay 에 파트를 넣어 앱 화면을 배치할 수 있을 것 같다.

function OnStart()
{   
  lay = app.CreateLayout( "linear", "VCenter,FillXY" ); 
  app.AddLayout( lay );
}

라고 하는 것으로, 자작 앱을 향해 레이아웃을 작성해 간다.

우선 완성 화면

절망적인 영어 능력이나 배치 센스는 신경 쓰지 않기를 바란다(ToT)

위에서
· 제목
・드로이드군
· 자신의 범위의 와트 수
・따뜻하게 하는 대상의 라벨에 기재된 와트수
・따뜻하게 하는 대상의 라벨에 기재된 가열 시간
· 계산 버튼
되어 있다.

배경 및 제목

lay = app.CreateLayout( "linear", "VCenter,FillXY" );
lay.SetBackground( "/Sys/Img/BlueBack.jpg" );

txt = app.CreateText( "HOW MANY MIN" );
txt.SetTextSize( 22 );
lay.AddChild( txt );

1행째로 lay 의 기본 설정. 괄호 안의 설명은 샘플 코드의 copipe이므로 잘 모릅니다 ^^;
lay.SetBackgroud 에 배경 설정. 처음부터 준비되어 있는 BlueBack.jpg 를 사용.

제목의 'HOW MANY MIN'이라는 텍스트를 만들어 AddChild했다.

드로이드군

img = app.CreateImage( "/Sys/Img/Icon.png", 0.1 );
img.SetMargins( 0, 0.02, 0, 0 );
img.SetOnTouchDown( img_OnTouchDown );
lay.AddChild( img );

이쪽도 처음부터 준비되어 있는 드로이드군의 아이콘 Icon.png 를 AddChild. .SetMargins 그리고 그 전에 AddChild 한 파트와의 사이에 간격을 마련한다. .SetOnTouchDown 에서 파트를 탭했을 때 호출하는 함수 img_OnTouchDown 를 설정했습니다.

드로이드를 탭하면 호출되는 함수가 여기

function img_OnTouchDown( ev )
{
  app.ShowPopup( "I will calculate the heating time!" );
  app.Vibrate( "0,100,30,100,50,300" );
}

어떤 앱이나 간단한 설명을 팝업시키고 app.Vibrate 로 스마트폰을 진동시킨다.
app.Vibrate 의 괄호 안은 ("休止,振動,休止,振動,・・・") 로, 숫자는 밀리 세컨드가 되어 있는 것 같다.

다음 번

와트 수나 가열 시간을 입력하는 부분을 작성한다.
스마트 폰으로 스마트 폰 앱 만들기 ③ 스핀 버튼과 탐색 바

계속

시리즈

DroidScript 전자레인지 앱 만들기
스마트폰으로 스마트폰 앱 만들기 ① Hello World!
스마트 폰으로 스마트 폰 앱 만들기 ② 배경 및 텍스트 추가
스마트 폰으로 스마트 폰 앱 만들기 ③ 스핀 버튼과 탐색 바
스마트 폰으로 스마트 폰 앱 만들기 ④ 실행 버튼
스마트 폰으로 스마트 폰 앱 만들기 시리즈 요약

외전
【GAS】전자 레인지 와트수로 가열 시간을 환산하는 web 어플을 만들어 보았다